Create web application template Update the html file for your UI layout. Update onModuleLoad() to construct your UI - Delete boilerplate widgets - Fix up the imports * Add for widgets not already there * Remove those for widgets you won't be using - Add in handlers for events * Delete boilerplate name and send button handler statements. * Handlers implemented in the class need their methods written * Handlers can be created anonymously with their widgets Be sure to add the DIVs you created in the html file to the root panel. Here it was in the example (we copied it with the event handlers) // Add the panels to the frame // New way. Add to root panel. RootPanel.get("Interface").add(Interface); RootPanel.get("DaysElapsed").add(Result); The div elements we added to the html were named Interface and DaysElapsed Styling - Styles placed in the css file must be added in the file for the front end. - For Java widgets, e.g. TextBox, you must override the gwt-textbox style item. * Use setStylePrimaryName in DaysElapsed.java instead of addStyleName Example is here on acad: /export/home/public/spiegel/cis421/Frameworks/GWT/DaysElapsedCliSer For the purposes of the final phase, keep your event handling code concise so it can be moved later.