Speaker: Paul Sears, Solutions Architect, ASEAN, AWS The best backend is useless if there is no compelling user interface for end users to engage with it.  Today, building engaging experiences across web and mobile devices is easier than ever with serverless backends, allowing you to focus on the user experience — and cutting edge applications are not breaking new ground in how they react to requests and changes to user behaviour in real time.  In this session, we demonstrate how you can build a scalable, production-ready app quickly with GraphQL and serverless technologies. We will also demonstrate how to engage users in real time based on events and user behaviours to drive contextual and relevant user interactions.

1. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Building Mobile Apps
Engage users & react in real-time
Bryan Chua
Solutions Architect
Amazon Web Services
Paul Sears
Solutions Architect
Amazon Web Services

2. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Before You Start…
https://secure.flickr.com/photos/spenceyc/7481166880

3. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
App Requirements
Performant and
Responsive UX
Fast Data access Offline Data accessData Security Personalization

4. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
What our customers told us…
Problems developers face today
Fragmentation across platforms
Sync scalability is extremely hard
Expensive to manage and operate
Distracts them from building core UX
Managing unique user identities is difficult
“Table stakes” for every app
Developer’s mobile app code
User identity mgmt. and auth
User data synchronization
Asynchronous communication
Active devices analytics
User behavior analytics
Engagement analytics
Push notifications
Event triggers
Platform-agnostic mobile back end
Data validation and transformation
File and media storage
Shared database storage
Data collection
and more….
AWS cloud infrastructure Undifferentiated heavy lifting

5. S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.

6. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
What are we building today?
1. Authentication
2. Create new event
3. View a list of events
4. Join an existing event
5. Chat
6. Analytics

7. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer

8. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Let’s start with AWS Amplify

9. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer
AWS
Amplify

10. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
What are we building today?
1. Authentication
2. Create new event
3. View a list of events
4. Join an existing event
5. Chat
6. Analytics

11. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Amazon Cognito

12. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer
AWS
Amplify

13. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
DEMO!
Let’s add AWS Amplify

14. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer
AWS
Amplify CLI

15. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
What are we building today?
1. Authentication
2. Create new event
3. View a list of events
4. Join an existing event
5. Chat
6. Analytics

16. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Let’s think about Data Schema

17. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Amazon DynamoDB

18. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer
AWS
Amplify CLI

19. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Mobile
client
Database
Example of the REST APIs

20. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Let’s use GraphQL
• An open-source data query &
manipulation language
• Simplify workflow
• Avoid multiple roundtrips
• Implement real-time features via
Subscription

21. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T

22. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
AWS AppSync

23. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer
AWS
Amplify CLI

24. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
DEMO!
AWS AppSync

25. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T

26. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
What are we building today?
1. Authentication
2. Create new event
3. View a list of events
4. Join an existing event
5. Chat
6. Analytics

27. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
We are not done yet
How is my app being used?
How do I continuously improve my app?
How do I reach out to my users?
How do I group my users in segment?

28. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Amazon Pinpoint

29. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Architecture AWS Cloud
Developer
AWS
Amplify CLI

30. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T

31. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
When do I reach out to my users?
Example of trigger points:
• When new user first joined an event
• When new user first created an event
• When user did not login for the X days

32. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
DEMO!
Amazon Pinpoint

33. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Summary AWS Cloud
Developer
AWS
Amplify CLI

34. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
This is what we built
1. Authentication
2. Create new event
3. View a list of events
4. Join an existing event
5. Chat
6. Analytics

35. © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Start building with AWS Amplify today

36. Thank you!
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Bryan Chua
bchua@amazon.com
Paul Sears
paulsear@amazon.com