Project 2: GWack (GW Slack Simulator) | CS 2113 Software Engineering - Spring 2023

Project 2: GWack (GW Slack Simulator) #

Watch the videos for this project on this YouTube Playlist

In this project, you will be write a client and server that implements a chat room, similar to Slack (or GWack!). Your client software should be GUI based, and your server software will be command line based.

Setup #

You should create at least the two files below – note that they have different due dates, and two different grading rubric requirements below:

Github setup #

Use git, as discussed in Lab 0, to create a repo called gitusername-project2, add these two files to it, and commit and push the changes to github. The timestamp of your invitation of the grader as a collaborator must be from the lab first session for this project.

Testing/Grading #

There are no test scripts. You will be graded based on functionality and OOP design.

Compiling and Running your Code #

While you may submit other code, we should be able to compile and run your programs using the following commands. This is how the grader can test the different components of the project independently.

For the client GUI, it is run as such.

javac GWackClientGUI.java
java GwackCliengGUI

And for the server:

javac GWackChannel.java
java GwackChannel port

Where port is replaced by the port for the server to bind to.

While there is no starter code, and you may design as you see fit, you MAY NOT USE any packages other than what ships with Java. We will not install any third party packages to compile/run your code.


GWack Slack Protocol #

GWack, the GW Slack simulation, is a chat room where multiple clients can message each other. Any message posted to the chatroom will be sent to the server and then relayed to all connected clients. As part of this project, you will be implement both a client GUI that connect to a server and the server that hosts the chat room, or GWack channel.

Public channels for testing #

To facilitate testing, we are hosting a channel you can connect to and interact with:

see Ed for details

You can use this server to design and test your GUI, before you actually implement the server yourself later.

IMPORTANT: These channels are shared for the entire class. We will monitor the connections and what is posted to these channels. Any behavior considered hateful (broadly defined) may result in disciplinary and academic actions.

Client/Server Protocol #

So that everyone’s GWack client to can interact with each other and the public channels, we must define a standard protocol.

Initial Handshake #

When a client first connects, it sends the following information to the server.

SECRET
3c3c4ac618656ae32b7f3431e75f7b26b1a14a87
NAME
username

Note that there are newlines \n here. It is important for parsing you send each as a complete line. So your server can read a line, then expect the next line, and so on.

Note that username should be replace with whatever this client chooses as a username. Like if they were named george it would be george instead of username

If successful, the server responds with the member list (see below), otherwise, the server will simply close the connection. The server must check that the SECRET sent by the user matches that expected value on the server side.

Member List Updates #

One feature of the GWack channel is that you can view all the members of the channel. This is done by the server regularly distributing a list of members in the channel. These messages are always of the following form:

START_CLIENT_LIST
username1
username2
...
END_CLIENT_LIST

Note that username1 … will be the names chosen by the users.

... is indicate that all the clients should be listed here, and is not part of the protocol.

Sending/Receiving Messages #

All other communications are considered as channel messages. A client simply sends one line a message at a time to the server. For example, supposer username send the following message to the server

GWack is so much better than slack

When the server receives that message, it then distributes it to all the clients, including the client that just sent the message inset in []

[username] GWack is so much better than slack

When a client receives a message from the server, it will display that it in the display panel.

GWack Client #

You will implemented a threaded, GUI GWack client. Here’s a visual of my implementation of the GWack Client. Yours can have different design and features, as long as the major features are there.

It’s a visual of a connected client mid-message:

GUI Display

Connecting and Disconnecting #

You should have a mechanism for clients to set a name, a host/ip address and a port to connect to. There should also be a button for connecting and disconnecting. There also needs to be visuals for when the user is connected vs. not connected.

For example, here are the menu options for connected clients

GUI Display Connected

and disconnected clients

GUI Display Disconnected

You should also consider making the text-areas non-editable once connected as well.

ERROR reporting #

You should have some mechanism for reporting errors with connections. I choose to use message dialogs, like the following. You can use something else, but you have to have something.

GUI Display Error

Some errors to consider:

Message Sending and Display #

You have should have two text display areas.

The first is to display all the messages that have been received. This text area should not be editable.

GUI Display messages

The second display should be used to draft messages, this should be editable. There should be some sort of button to initiate a send.

GUI send messages

Additionally, you should have a key listener so that messages send when the user hits ENTER:

msgTextArea.addKeyListener(new KeyListener(){

            @Override
            public void keyTyped(KeyEvent e) {
                if(e.getKeyChar() == '\n'){
                    sendMessage();
                }                
            }
            @Override
            public void keyPressed(KeyEvent e) {}
            @Override
            public void keyReleased(KeyEvent e) {}

        }); 

Important: the user can either send a message by hitting “ENTER” or clicking the button.

Members in the channel #

There should be a display for the current members in the channel. This should update as the members come and go, but it should not be editable by the user.

GUI members display

Grading and submission for the GWack Client/GUI #

See the bottom of this page.

GWack Server #

Your GWack server (GWackChannel) should host a single chatroom or channel at a specified port, provided as a command line argument. The remaining requirements of the server are as follows:

Grading rubric and submission #

Use git, as discussed in lab zero, to submit your work in a repo called gitusername-lab4. You will be graded on the following:

GWackClientGUI grading #

Item Points
The name of the repo for this lab matches the pattern gitusername-project2 3
The grader has been added as a collaborator to the repo with an invite timestamp during the lab noted on the schedule 4
The repo has been made private 3
There is a single button to connect/disconnect, who’s label toggles when the button is pressed 8
Three labelled fields except a name, host, and port 8
The connect button allows the GUI to connect to one of the sample servers (doesn’t have work) 1
The members list has a place to be displayed 1
There is a field to type in a message 8
There is a button to send a message 1
One or more JPanels has been used to create a visually-pleasing layout like in the example image 8
TOTAL 53

GWackServer grading #

Item Points
The connect button allows the GUI to connect to one of the sample servers successfully 7
The members list is updated correctly within a second of the connection being made 7
The members list is updated regularly through the use of a Thread 8
There is a button to send a message, with correct functionality 7
An error window is raised when the GUI cannot connect to an invalid server 10
The messages update regularly with named-associated messages from all clients 8
There is an event listener that allows the user to send a message by hitting the enter key 8
The GWackChannel constructor opens a ServerSocket to the incoming port 10
The serve method runs continuously to accept incoming client connections 10
Clients on the server are implemented as objects that extend the Thread class correctly 10
The serve method stores successfully connected clients in a list of appropriate generic type specification 10
The server as a method removeClients that removes all non-connected clients and updates the members list correctly 10
The server uses the synchronized keyword correctly in all places necessary 10
The server updates all clients with any new message coming from any of the connected clients 10
TOTAL 117