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.
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
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
15.
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
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
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