Download - Web challenge cmm
![Page 1: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/1.jpg)
digital.river 2013
Presented By: Herman Lee
Three Small Widgets
2013 Digital River TWDC
![Page 2: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/2.jpg)
EASY SUVERY
![Page 3: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/3.jpg)
DESIGN
CONCEPT
![Page 4: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/4.jpg)
What’s the important thing on a commercial store?
Revenue
Product
Customer
digital.river 2013
![Page 5: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/5.jpg)
How can we know what kind of store client like?
Order Report (? )
Third Part Tracking (?)
A / B Testing (?)
MVT Testing (?)
digital.river 2013
![Page 6: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/6.jpg)
We have an EASIER way
![Page 7: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/7.jpg)
ASK THEM
![Page 8: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/8.jpg)
Give me some feedback please~~~
digital.river 2013
![Page 9: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/9.jpg)
And save it
digital.river 2013
So we will need a Database
![Page 10: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/10.jpg)
What kind of Database we need?
digital.river 2013
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
![Page 11: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/11.jpg)
Google Document
![Page 12: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/12.jpg)
We just need a spreadsheet
digital.river 2013
![Page 13: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/13.jpg)
STEP BY STEP
![Page 14: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/14.jpg)
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/
digital.river 2013
![Page 15: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/15.jpg)
digital.river 2013
![Page 16: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/16.jpg)
2. Provide below info to WebDev
Form Key: 0AtB7rOkgel61dEFlMHdaOTFNa1Atb0YzTGh6eW9OYkE
Fields Name• Feeling
• Feedback
• SiteId
Look & Feel
digital.river 2013
![Page 17: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/17.jpg)
3. Coding
digital.river 2013
![Page 18: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/18.jpg)
DEMO
![Page 19: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/19.jpg)
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 Pagehttp://gc.digitalriver.com/store/rivtw011/static/file.easysurvey_demo2
digital.river 2013
![Page 20: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/20.jpg)
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.
digital.river 2013
![Page 21: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/21.jpg)
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.
digital.river 2013
![Page 22: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/22.jpg)
The Best Solution - Cooperation
If GC can provide us a place for store data.
We can do more.
digital.river 2013
![Page 23: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/23.jpg)
END
![Page 24: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/24.jpg)
Gaming Time
![Page 25: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/25.jpg)
DESIGN
CONCEPT
![Page 26: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/26.jpg)
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
digital.river 2013
![Page 27: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/27.jpg)
Maybe we can do more
and interesting page?
How about an interactive
![Page 28: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/28.jpg)
DEMO
![Page 29: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/29.jpg)
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
digital.river 2013
![Page 30: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/30.jpg)
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
digital.river 2013
![Page 31: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/31.jpg)
By the way part 3The 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.
digital.river 2013
![Page 32: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/32.jpg)
END
![Page 33: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/33.jpg)
Q & A
![Page 34: Web challenge cmm](https://reader033.vdocuments.net/reader033/viewer/2022042500/5599f1cd1a28ab6c558b4577/html5/thumbnails/34.jpg)
Thank You