1 of 50

Build A Bot Workshop

Build an amazing chatbot!

2 of 50

Who We Are

3 of 50

Who You Are

4 of 50

Ingredients

What you need:

  • A computer
  • A Facebook account
  • A free Glitch.com account
  • some colored index cards
  • A worksheet
  • ✨ Creativity 🌈

What you don't need:

  • Any experience coding
  • Any knowledge of coding or bots

We'll help you learn this in the workshop!

5 of 50

http://tinyurl.com/chicktechbot

https://hangouts.google.com/call/Ci62-yel9p-Y9GbQL5jpAAEE

6 of 50

Schedule

Saturday:

10-12: Bot Design

1:30-4:30 Create Your App

Sunday

9:45-12: Write Your Story With Code

1-3:45: Workshop

7 of 50

Design Your Bot

8 of 50

What are Chatbots?

Try one out

9 of 50

Copy the Worksheet/Checklist

10 of 50

Read The Examples

11 of 50

What character will your bot have? Get creative: you can use an existing character, a new one you make up or even yourself!

12 of 50

What things would you have your character to tell people talking to them?

13 of 50

What kind of questions would someone ask your character in order to get them to say those things?

14 of 50

Now we need to give your conversation a flow - can you divide your questions up into some categories with about 2-3 questions per category?

15 of 50

Now let's turn those categories into questions themselves. How might someone ask about this aspect of your character?

16 of 50

Give your bot some personality! Write your answers in your characters voice. Don't forget a greeting and goodbye !

17 of 50

🎉 Activity: Card Layout Example

18 of 50

Visualize Your Flow With Cards

19 of 50

20 of 50

Introduce Your Chatbot to the Class

21 of 50

Create Your App

22 of 50

Sign Up For Glitch

23 of 50

Copy the Base App

24 of 50

🎉 Activity: Explore your app

25 of 50

Sign Up As a Facebook Developer

26 of 50

Create a FB app

27 of 50

Add Messenger to your FB app

28 of 50

Create a FB Page for your Chatbot

29 of 50

🎉 Activity: Decorate your FB page

30 of 50

Get a page access token for your page

31 of 50

Add your page access token to your Glitch app

32 of 50

Create a "verify token" password and add it to the Glitch app

33 of 50

Setup your webhooks

34 of 50

Subscribe your page to the webhooks

35 of 50

View your Glitch app logs to ensure it's running

36 of 50

🎉 Activity: Test your chatbot

37 of 50

Write Your Story With Code

38 of 50

🎉 Activity: Cast a spell

39 of 50

🎉 Activity: Find the bug

40 of 50

🎉 Activity: Identify data types

41 of 50

🎉 Activity: Write some functions

42 of 50

🎉 Activity: Find the app secret messages

43 of 50

🎉 Activity: Find the data structures

44 of 50

🎉 Activity: Complete the test code

45 of 50

🎉 Activity: Map your story to code

46 of 50

🎉 Activity: Write your code

47 of 50

Schedule Sunday

1-1:30 - code

1:30-1:40 - individual checkups with Melissa

1:40-1:50 code

1:50-2:00 individual checkups with Sam

2:00-2:10 break

2:10-2:20 -code

2:20-2:30 Individual checkups with Melissa

2:30-2:40 code

2:40-2:50 individual checkups with Sam

2:50-3 Code

3-3:10 break

3:10-3:45 plan presentation

3:45-4 go downstairs and set up for tech show

4-5:30 Tech show with sponsors, family, and friends and Raffle and desserts!!!

48 of 50

Show off your bot to the class!

49 of 50

Workshop Time!

50 of 50

Activities

  • Add friends as testers
  • Send pictures
  • Respond to text messages
  • More button types
  • Understand greetings and debugging
  • Using Emoji