Increasingly, software applications are built using web technologies and made accessible via web browsers. They are commonly referred to as web applications, or hosted applications based on a software as a service model or cloud computing. These web applications are different from more traditional web sites in that their emphasis is on allowing users to accomplish tasks such as send email, make travel reservations, find homes, pay bills, transfer money, buy products, send invitations, and so forth. Web sites, on the other hand, are content oriented and are designed to facilitate browsing and consumption of rather static information.
With GWT you can build flexible applications.
Benefits of GWT applications
- Ease of access (Web browser, All mobile devices)
- Ease deployment (Only one place for update, server)
- “Trained” user base
Design and implementation steps
- Drawing with required application, pages on paper
- Studying functional requirements. Make a list of demands and goals (very important because the aim is not exactly project will not succeed)
- Drawing in GIMP’s answer to the question “how should it look?”
- Document “Widget selection” which will provide widgets (may on paper) “What widget on which part will be used?”
- Use case diagram
- Classe diagram of all (communication, server, GUI)
http://www.eecho.info/Echo/ajax/testing-methodologies-using-google-web-toolkit/
- Building the User Interface
1. Select the GWT widgets needed to implement the UI elements. ( use document of widget selection)
2. Select the GWT panels needed to layout the UI elements.
3. Embed the application in the host page
4. Implement the widgets and panels in .java.
5. Test the layout in hosted mode.
- Managing Events on the Client
1. Review the functional requirements.
2. Listen for events.
3. Respond to events.
4. Test event handling.
- Implement Server side
In steps:
1. Classe diagram
2. Unit test
3. Implement code
You can use any language for server side Java, PHP, Python, Perl etc…
GWT contains libraries to parse XML, JSON, or comma text…
- Debugging a server side.
- Applying Style CSS
External links
Good tutorial about design
http://code.google.com/webtoolkit/doc/latest/tutorial/design.html
Communication examples
http://code.google.com/webtoolkit/doc/latest/tutorial/clientserver.html
MVP MVC patterns in gwt apps
http://code.google.com/webtoolkit/doc/latest/tutorial/mvp-architecture.html
I use currently EXT MVC
http://www.extjs.com/deploy/gxtdocs/com/extjs/gxt/ui/client/mvc/package-summary.html