EMC World 2015 - EMC {code} Photo Booth Presentation

Post on 06-Aug-2015

613 views 0 download

Tags:

Transcript of EMC World 2015 - EMC {code} Photo Booth Presentation

1© Copyright 2015 EMC Corporation. All rights reserved. 1© Copyright 2015 EMC Corporation. All rights reserved.

2© Copyright 2015 EMC Corporation. All rights reserved.

EMC {CODE} PHOTO BOOTH ARCHITECTURE

2© Copyright 2015 EMC Corporation. All rights reserved.

3© Copyright 2015 EMC Corporation. All rights reserved.

4© Copyright 2015 EMC Corporation. All rights reserved.

PaaS

5© Copyright 2015 EMC Corporation. All rights reserved.

2 STATION SETUP

KIOSK PHOTO BOOTH

6© Copyright 2015 EMC Corporation. All rights reserved.

KIOSK PROCESS

GET /

7© Copyright 2015 EMC Corporation. All rights reserved.

KIOSK PROCESS

GET /photos/new

8© Copyright 2015 EMC Corporation. All rights reserved.

KIOSK PROCESS

POST /photos/new

jQuery Validates Form

POSTConstantContact API

9© Copyright 2015 EMC Corporation. All rights reserved.

KIOSK PROCESS

Render /thanks.jade

jQuery returns / after 2.5 seconds

10© Copyright 2015 EMC Corporation. All rights reserved.

KIOSK PROCESS

GET /

11© Copyright 2015 EMC Corporation. All rights reserved.

PHOTO BOOTH PROCESS

GET /photos/list

jQuery Automatically Refreshes every 30 seconds

12© Copyright 2015 EMC Corporation. All rights reserved.

PHOTO BOOTH PROCESS

GET /photos/takepic/:uniqueurl

jQuery waits 10 seconds before next step

13© Copyright 2015 EMC Corporation. All rights reserved.

PHOTO BOOTH PROCESS

POST photos/addpic/:uniqueurl via AJAX

webcam.js initiated webcamjQuery adds 5 second countdown timerjQuery places taken photo on page

POSTAdd image to ECS via S3 API

14© Copyright 2015 EMC Corporation. All rights reserved.

PHOTO BOOTH PROCESSjQuery closes webcam.jsjQuery displays page for 5 seconds

POST photos/sendmail/:uniqueurl via AJAX

POST photos/sendtweet/:uniqueurl via AJAX

@EMCCodeBot

GETImage via HTTP

POSTImage and Tweet

POSTSES API

15© Copyright 2015 EMC Corporation. All rights reserved.

PHOTO BOOTH PROCESS

GET /photos/list

jQuery sends back to Photo Booth page