1. Kuali Days :: Chicago May 13-14, 2008 Kuali Student User Interface Overview

2. Session Objectives Kuali Student User Interface Overview User Centered Design Google Web Toolkit (GWT) Questions and Knowledge Sharing

3. User Centered Design Kuali Student User Interface Overview Partnerships o Kuali Student 'U' Teams o Fluid Project & Berkeley

4. User Centered Design Kuali Student User Interface Overview User Centered Design is a product development methodology based on actual user needs, abilities and perceptions. UCD focuses on understanding: o Who are the users? o What are their goals? o What are their pain points? o What are their motivations?

5. Kuali Days :: Chicago May 13-14 User Centered Design Kuali Student User Interface Overview Methodology 1.User Research 2.User Modeling 3.Requirements Definition 4.UI Framework Definition 5.UI Design 6.Development Support

6. User Centered Design Kuali Student User Interface Overview Tools o Wiki and Axure RP Pro 5 o Google Web ToolKit

7. Google Web Toolkit Kuali Student User Interface Overview Why Google Web Toolkit (GWT)  Selection Process  Selection Criteria

8. Google Web Toolkit Kuali Student User Interface Overview GWT Benefits  Rich Interface  Cross browser  Internationalization support  Accessible  Scalable –Development –Deployment  Ease of use

9. Google Web Toolkit Kuali Student User Interface Overview Simple GWT Example public class HelloGwt implements EntryPoint { public void onModuleLoad() { final Panel panel = new HorizontalPanel(); final TextBox text = new TextBox(); final Button button = new Button("Click Me", new ClickListener() { public void onClick(Widget arg0) { text.setText("Hello GWT!"); } }); panel.add(text); panel.add(button); RootPanel.get().add(panel); }

10. Google Web Toolkit Kuali Student User Interface Overview GWT Service Example public interface HelloService extends RemoteService { public static final String SERVICE_URI = "/HelloService"; // Generated helper class public static class Util { public static HelloServiceAsync getInstance() { // generated code omitted } // service interface definition public String sayHello(String name); } public interface HelloServiceAsync { public void sayHello(String name, AsyncCallback callback); }

11. Google Web Toolkit Kuali Student User Interface Overview GWT Service Example public class HelloServiceImpl extends RemoteServiceServlet implements HelloService { public String sayHello(String name) { return "Hello, " + name; }

12. Google Web Toolkit Kuali Student User Interface Overview GWT Service Example public class HelloGwt implements EntryPoint { public void onModuleLoad() { final TextBox text = new TextBox(); String name = "Joe Smith"; HelloService.Util.getInstance().sayHello(name, new AsyncCallback() { public void onFailure(Throwable arg0) { text.setText(arg0.getMessage()); } public void onSuccess(Object arg0) { text.setText((String) arg0); } }); RootPanel.get().add(text); }

13. Questions and Knowledge Sharing Kuali Student User Interface Overview Contact Information Cindy Nahm Wil Johnson Tim Heidinger Rachel Hollowgrass