Building Seesmic Web - a Twitter client - in GWT

3,648 views
3,526 views

Published on

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.

Published in: Technology
1 Comment
4 Likes
Statistics
Notes
  • Awesome! I'm just about to write a similar application. This has given me several quite good choices of libraries and approaches. Thanks a lot
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,648
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
0
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Building Seesmic Web - a Twitter client - in GWT

  1. 1. @seesmic Building Seesmic Web - A Twitter Client - In GWT Hu Shunjie (aka Shinchi) Web Developer shinchi@seesmic.com GTUG Meetup
  2. 2. @seesmic http://seesmic.com GTUG Meetup
  3. 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
  4. 4. ?
  5. 5. Its all about information
  6. 6. Architecture oauth WEB Seesmic Server Twitter data data Facebook Caching 3rd Party API GTUG Meetup
  7. 7. Architecture oauth WEB Seesmic Server Twitter data data Facebook Caching 3rd Party API GTUG Meetup
  8. 8. 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
  9. 9. 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
  10. 10. Why GWT? In the long run... Great Community GTUG Meetup
  11. 11. Why GWT? In the long run... Great Community Thats the reason we are here! GTUG Meetup
  12. 12. Architecture Java Javascript Javascript Languages Browser GTUG Meetup
  13. 13. Architecture PureMVC GWT View Mediator Proxies Facade Command API Services Delegates Seesmic Server GTUG Meetup
  14. 14. Key features (and how we do it) Drag and Drop - GWT DnD Effects - GWT FX GTUG Meetup
  15. 15. Key features (and how we do it) REST API - Restlet and Pound for local testing Logging - GWT Incubator GTUG Meetup
  16. 16. Key features (and how we do it) Localization - GWT Build in GTUG Meetup
  17. 17. Iteration + QA We are missing someone
  18. 18. 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
  19. 19. Tips! Always test in IE Always test in IE Always test in IE Always test in IE GTUG Meetup
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. Fun Facts 3 No matter what framework you choose There will always be bugs on IE GTUG Meetup
  24. 24. Thank you GTUG Meetup
  25. 25. Thank you shinchi@seesmic.com http://seesmic.com/app Please tweet about this presentation on Seesmic! GTUG Meetup
  26. 26. 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

×