EMC World 2015 - EMC {code} Photo Booth Presentation
Download as PPTX, PDF1 like1,370 views
The document describes the architecture of a photo booth application that allows users to take photos in a kiosk or photo booth and have them automatically shared on social media. It involves two main processes - a kiosk process where a user can submit photos and contact information to a backend API, and a photo booth process where photos are taken via webcam, stored, and then sent to social networks via additional API calls. The architecture uses various frontend technologies like jQuery along with backend APIs for photo storage, mailing, and social sharing.
EMC World 2015 - EMC {code} Photo Booth Presentation
- 1. 1© Copyright 2015 EMC Corporation. All rights reserved. 1© Copyright 2015 EMC Corporation. All rights reserved.
- 2. 2© Copyright 2015 EMC Corporation. All rights reserved. EMC {CODE} PHOTO BOOTH ARCHITECTURE 2© Copyright 2015 EMC Corporation. All rights reserved.
- 3. 3© Copyright 2015 EMC Corporation. All rights reserved.
- 4. 4© Copyright 2015 EMC Corporation. All rights reserved. PaaS
- 5. 5© Copyright 2015 EMC Corporation. All rights reserved. 2 STATION SETUP KIOSK PHOTO BOOTH
- 6. 6© Copyright 2015 EMC Corporation. All rights reserved. KIOSK PROCESS GET /
- 7. 7© Copyright 2015 EMC Corporation. All rights reserved. KIOSK PROCESS GET /photos/new
- 8. 8© Copyright 2015 EMC Corporation. All rights reserved. KIOSK PROCESS POST /photos/new jQuery Validates Form POST ConstantContact API
- 9. 9© Copyright 2015 EMC Corporation. All rights reserved. KIOSK PROCESS Render /thanks.jade jQuery returns / after 2.5 seconds
- 10. 10© Copyright 2015 EMC Corporation. All rights reserved. KIOSK PROCESS GET /
- 11. 11© Copyright 2015 EMC Corporation. All rights reserved. PHOTO BOOTH PROCESS GET /photos/list jQuery Automatically Refreshes every 30 seconds
- 12. 12© Copyright 2015 EMC Corporation. All rights reserved. PHOTO BOOTH PROCESS GET /photos/takepic/:uniqueurl jQuery waits 10 seconds before next step
- 13. 13© Copyright 2015 EMC Corporation. All rights reserved. PHOTO BOOTH PROCESS POST photos/addpic/:uniqueurl via AJAX webcam.js initiated webcam jQuery adds 5 second countdown timer jQuery places taken photo on page POST Add image to ECS via S3 API
- 14. 14© Copyright 2015 EMC Corporation. All rights reserved. PHOTO BOOTH PROCESS jQuery closes webcam.js jQuery displays page for 5 seconds POST photos/sendmail/:uniqueurl via AJAX POST photos/sendtweet/:uniqueurl via AJAX @EMCCodeBot GET Image via HTTP POST Image and Tweet POST SES API
- 15. 15© Copyright 2015 EMC Corporation. All rights reserved. PHOTO BOOTH PROCESS GET /photos/list jQuery sends back to Photo Booth page