Seesmic is among the top ten clients being used to access Twitter. Built using GWT, it has been featured on onGWT (http://ongwt.com) as well as on GWT Application Gallery (http://gwtgallery.appspot.com/). In this demonstration, Shunjie discuss the general architecture as well as the libraries used for building the application. Following that, he will discuss some of the key features in Seesmic Web, and how the features of GWT in turn allow them to continue to iterate and improves on the product.

1. @seesmic
Building Seesmic Web - A Twitter Client - In GWT
Hu Shunjie (aka Shinchi)
Web Developer
shinchi@seesmic.com
GTUG Meetup

2. @seesmic
http://seesmic.com
GTUG Meetup

3. What is seesmic web?
Featured Application on GWT Gallery
Web Application built on Google Web Toolkit
Enable you to manage your Twitter account
(and Facebook soon)
GTUG Meetup

5. ?

6. Its all about information

9. Architecture
oauth
WEB Seesmic Server Twitter
data
data Facebook
Caching 3rd Party API
GTUG Meetup

10. Architecture
oauth
WEB Seesmic Server Twitter
data
data Facebook
Caching 3rd Party API
GTUG Meetup

11. Why GWT?
Need of a single dynamic page
Use of Eclipse IDE
High Performance + Reliant Framework
Ease of Debugging
Browser Compatibility
http://googlewebtoolkit.blogspot.com
GTUG Meetup

12. Why GWT?
In the long run...
Ease of building re-usable components
Typed Language
Object-Orientated approach programming
Well-documented API
Road map of GWT
GTUG Meetup

13. Why GWT?
In the long run...
Great Community
GTUG Meetup

14. Why GWT?
In the long run...
Great Community
Thats the reason we are here!
GTUG Meetup

16. Architecture
Java Javascript
Javascript
Languages Browser
GTUG Meetup

17. Architecture
PureMVC
GWT View Mediator
Proxies Facade
Command API Services
Delegates Seesmic Server
GTUG Meetup

18. Key features (and how we do it)
Drag and Drop - GWT DnD
Effects - GWT FX
GTUG Meetup

19. Key features (and how we do it)
REST API - Restlet
and Pound for local testing
Logging - GWT Incubator
GTUG Meetup

20. Key features (and how we do it)
Localization - GWT Build in
GTUG Meetup

21. Iteration + QA
We are missing someone

22. Iteration
Traditional AJAX application GWT
Verify task
Verify task Code Compile
Code
Verify compatibility Code stepping in IDE
on browser Logging in Hosted Browser
Verify compatibility
*Try* to fix on browser
bug on Firebug
Checks In
QA
Build Automation
Obfuscation
QA
Production
Production
GTUG Meetup

23. Tips!
Always test in IE
Always test in IE
Always test in IE
Always test in IE
GTUG Meetup

24. Tips!
Get the Eclipse GWT Plugin
Adopt a GWT Framework
e.g. PureMVC , GIN
Use Widgets to make full use of GWT GC
No AbsolutionPanel(“<div>a lot of html</div>”)
unless you really have to!
GTUG Meetup

25. Fun Facts 1
More than 10,000 lines of code has been written
Only 50 lines are in Javascript
And maybe 10 lines of HTML
GTUG Meetup

26. Fun Facts 2
Finally our server guy can talk with us
on the same line
In fact he go ahead and do build automation
for GWT without us knowing
GTUG Meetup

27. Fun Facts 3
No matter what framework you choose
There will always be bugs on IE
GTUG Meetup

28. Thank you
GTUG Meetup

29. Thank you
shinchi@seesmic.com
http://seesmic.com/app
Please tweet about this presentation on Seesmic!
GTUG Meetup

30. Thank you
shinchi@seesmic.com
http://seesmic.com/app
Please tweet about this presentation on Seesmic!
you can view it on your IPhone too
GTUG Meetup