This document discusses the use of AJAX and Flash for building the slidesharing website SlideShare.net. It notes that both technologies were used and that Flash should be kept under control and used judiciously for things like graphics, multimedia, and widgets. AJAX is praised as finally arriving and allowing richer interfaces without Flash. The document provides tips and lessons learned from developing SlideShare.net using both AJAX and Flash technologies.

1. AJAX & Flash
What we learned building SlideShare.net
Jonathan Boutelle
Jonathan Boutelle

2. First
www.jonathanboutelle.com
www.jonathanboutelle.com
www.slideshare.net/jboutelle
www.slideshare.net/jboutelle

3. DISCLAIMER
DISCLAIMER

4. 1. Play the field
You don’t have to choose
You don’t have to choose
You quite possibly need both
You quite possibly need both

5. 2 Keep Flash on a leash
.
.
Full­Screen a no­no
Full­Screen a no­no
Flash nuggets as best practice
Flash nuggets as best practice
http://www.california­gold­rush­miner.us/california­gold­nugget.htm

6. 3. Cheap Tricks
In­place editing
In­place editing
Attention control
Attention control
In­Page Messaging to user
In­Page Messaging to user
Tabs
Tabs

7. 1 2 The Brand Gap
The Brand Gap From: coolstuff, 1 day ago
From: coolstuff, 1 day ago
326 views | 1 comment | 5 favorites
326 views | 1 comment | 5 favorites
Share this slideshow Add/Edit tags
Digg this
Separate tags by spaces.
Subscribe to user Put multi­words tags within
quotes, e.g., “palo alto”
Mark as inappropriate
brand design
Favorite [x] tags: brand
Cancel Update
design (Edit)
Tags
Tags
Brand design branding
Brand design
3 4
The Brand Gap The Brand Gap
From: coolstuff, 1 day ago From: coolstuff, 1 day ago
326 views | 1 comment | 5 favorites 326 views | 1 comment | 5 favorites
Share this slideshow
Digg this
Subscribe to user
Mark as inappropriate
Favorite [x] tags: brand
design branding marketing
(Edit)
Tags
Tags
Brand design branding
Brand design branding

8. 2 Pricew’s Slidespace
1 Pricew’s Slidespace
pricew
pricew
Male, San Francisco, CA
Male, San Francisco, CA
pricew.blogspot.com
pricew.blogspot.com
Add pricew as contact
Add pricew as contact
Ping pricew
Ping pricew
Message price1
pings
Liked your presentation on
venture capital
By jboutelle (1 second ago)
Welcome to SlideShare
By userx (2 days ago)
This is great
by coolstuff (5 days ago)

9. 2
1 Pricew’s Slidespace Pricew’s Slidespace
pricew pricew
Male, San Francisco, CA Male, San Francisco, CA
pricew.blogspot.com pricew.blogspot.com
Add pricew as contact
Add pricew as contact
Ping pricew
Ping pricew
Message pricew
Message pricew
Hey dude! Long time… Message Sent!
pings
Liked your presentation on
venture capital
Liked your presentation on
By jboutelle (1 second ago)
venture capital
Welcome to SlideShare
By jboutelle (1 second ago)
By userx (2 days ago)
Welcome to SlideShare
By userx (2 days ago)

10. 4. Flash graphic goodies
Fonts
Fonts
Vector graphics
Vector graphics
Animation
Animation

11. 5. Flash multimedia
Output of media
Output of media
Input of media
Input of media
Editing of media
Editing of media

14. 6. Widgetopia!
Widgetopia
Yes, I mean widgets
Yes, I mean widgets

15. http://www.baychi.org/calendar/20060314/
http://www.baychi.org/calendar/20060314/

16. 7. Cool, but not useful to me
Sockets
Sockets
Local data objects
Local data objects
FLEX
FLEX

17. FLASH crossover Artists
Artists
8. AJAX

18. Finally
Finally

19. Questions?
Questions?
www.slideshare.net/jboutelle
www.slideshare.net/jboutelle