1. digital.river 2013
Three Small Widgets
2013 Digital River TWDC
Presented By: Herman Lee

2. EASY SUVERY

3. DESIGN
CONCEPT

4. digital.river 2013
What’s the important thing on a commercial store?
 Revenue
 Product
 Customer

5. digital.river 2013
How can we know what kind of store client like?
 Order Report (? )
 Third Part Tracking (?)
 A / B Testing (?)
 MVT Testing (?)

6. We have an EASIER way

7. ASK THEM

8. digital.river 2013
Give me some feedback please~~~

9. digital.river 2013
And save it
So we will need a Database

10. digital.river 2013
What kind of Database we need?
 Small & Free
 Easy to maintain
 Easy to customize
 Easy to export as different format.
 Easy to read on any device.
 Easy to work with WebDev

11. Google Document

12. digital.river 2013
We just need a spreadsheet 

13. STEP BY STEP

14. digital.river 2013
1. Create a spreadsheet
 What information I need to know?
• Customer’s feeling, feedback, etc..
 Create a Google Form with above fields.
• https://drive.google.com/

15. digital.river 2013

16. digital.river 2013
2. Provide below info to WebDev
 Form Key: 0AtB7rOkgel61dEFlMHdaOTFNa1Atb0YzTGh6eW9OYkE
 Fields Name
• Feeling
• Feedback
• SiteId
 Look & Feel

17. digital.river 2013
3. Coding

18. DEMO

19. digital.river 2013
Live Demo
Report Page
https://docs.google.com/spreadsheet/ccc?key=0AtB7rOkgel61dEFlMHdaOTFNa1Atb0YzTGh6eW9OYkE#gid=0
Overlay Page (take Nuance as a example)
http://gc.digitalriver.com/store/nuanceco/en_GB/pd/productid.250370300/styleenv.design/
 Static Page
http://gc.digitalriver.com/store/rivtw011/static/file.easysurvey_demo2

20. digital.river 2013
By the way
 This is not only a demo.
 This is a complete JavaScript Library.
 We just provide a front-end solution to store a
customized data.
 We can create more applications with this library.

21. digital.river 2013
But…
We have some limitations on this solution.
 It’s not support IE 6 / 7.
 There are some security considerations.
 If Google blown up, then we blown up.

22. digital.river 2013
The Best Solution - Cooperation
If GC can provide us a place for store data.
We can do more.

23. END

24. Gaming Time

25. DESIGN
CONCEPT

26. digital.river 2013
We are doing below things everyday
 Adding Tracking Code
 Move page element and change color.
 Remove something, or re-add something.
 Update text, or update updated text.
 Form Submit and Thank You

27. Maybe we can do more
How about an interactive
and interesting page?

28. DEMO

29. digital.river 2013
Live Demo
 EA Promo Game
 http://gc.digitalriver.com/store/rivtw011/Content/pbPage.eatw_dropGame
 Nuance Promo Game
 http://gc.digitalriver.com/store/rivtw011/Content/pbPage.nuanceeu_dropGame

30. digital.river 2013
By the way part 2
 This is not only a demo.
 This is a Game Generator.
 We can use this generator to control every content.
 We can package this feature into GC offer,
and we use GC offer to control:
 Products
 Background-image
 Discount
 etc

31. digital.river 2013
By the way part 3
The game can running on mobile browser.
The game can be embedded on Facebook page.
The game can be embedded on Windows 8 application.
The game can transform to iPhone / Android application.
And… of course
This game can’t support IE 6/7/8. 

32. END

33. Q&A

34. Thank You