DESIGN AND TECHNICAL DESCRIPTION

We are using two simple graphical user interfaces. The first one is the user interface for the login process. It is obvious for the user which fields one should fill in and what button to press to continue to the project. The second one is the interface for the main functions and code editing. It contains a list with classes and a chat area at the sides and then a main editing area in the middle. The interface contains large buttons that clearly shows their functionality.

The Server generates a thread that listens for communication when a Client is connected. The communication is based on TCP connection. And Clients are connected to the Server to communicate with each other. Each time when a Client perform an action in the program, a Doc that includes a type will be sent over to the Server. The Server then sends out the Doc to all threads depending on its type, and there is a listener on the Clients’ side that receives and analyzes commands to generate different actions.