Skip to content

Instantly share code, notes, and snippets.

@vyk2rr
Created July 12, 2018 19:18
Show Gist options
  • Save vyk2rr/7b6c0b0be7d6df3e9a75c087cf701892 to your computer and use it in GitHub Desktop.
Save vyk2rr/7b6c0b0be7d6df3e9a75c087cf701892 to your computer and use it in GitHub Desktop.

Revisions

  1. vyk2rr created this gist Jul 12, 2018.
    161 changes: 161 additions & 0 deletions Let bots pick up the Slack
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,161 @@
    <style>
    .container {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    }
    .logo {
    position: absolute;
    right: 0;
    bottom: -200px;
    }
    </style>

    ![bg](https://www.themarysue.com/wp-content/uploads/2015/11/040_fry-bender-sleep_0800.jpg)

    <div class="container">

    # Let bots pick up the Slack


    by [`Isaac Anderson`](https://github.com/kavunshiva) and [`Victor De la Rocha`](https://github.com/vyk2rr)

    </div>

    <div class="logo">
    <img src="genoa-300.png" width="100px">
    <img src="magma.png" width="100px">
    </div>

    ---

    ![bg](https://media.giphy.com/media/ytwDCq9aT3cgEyyYVO/giphy.gif)

    <div class="container">

    # What are bots?


    *(An Introduction)*

    Bots are non-human users of a messaging service (e.g. `Slack`, `Facebook`, `Telegram`, etc.) which interact with human users or third-party services (e.g. `Google Sheets`, weather apps, etc.) in an automated way.
    </div>

    ---


    ![bg](https://media.giphy.com/media/99Q020WcfkVjO/giphy.gif)

    <div class="container">

    # Why would I want to use a bot?

    * bots free humans from low-skill, repetitive, undesirable tasks
    * bots are fast, reliable, and less error-prone than humans
    * conversations (as interactions) provide an intuitive UX for humans

    </div>

    ---

    ![bg](https://media.giphy.com/media/EDFsgd92Oosnu/giphy.gif)

    <div class="container">

    # Bot basics: tools

    **[Missions](http://missions.ai)** - third party service (no coding required)
    **[Hubot](https://hubot.github.com)** - code-based, and you're on your own
    **[Botkit](https://botkit.ai)** - code-based, but with lots of help!


    | | code-based | hosted | plug-and-play |
    | -|-|- | --| --|
    | Missions | | ✔️ | ✔️ |
    | Hubot | ✔️ | | |
    | Botkit | ✔️ | | ✔️ |

    </div>

    ---

    ![bg](https://media.giphy.com/media/EDFsgd92Oosnu/giphy.gif)


    <div class="container">

    # Bot basics: tools (continued)

    **Missions**
    * third-party service (no code)

    **Hubot**
    * code-based solution
    * needs to be hosted somewhere else

    **Botkit**
    * code-based solution
    * well-documented
    * lots of integrations (right from the beginning), i.e. "quick starts"
    * needs to be hosted somewhere else
    * easy integration with Glitch
    </div>

    ---

    ![bg](https://www.joomlamarketplace.online/content/uploads/2017/11/joomla-website-hosting.png)

    <div class="container">

    # Bot basics: hosting

    ## [Heroku](https://www.heroku.com)

    **Pros**:
    * robust version control
    * easy to work with locally, deploy remotely

    **Cons**:
    * might go to sleep (free version)
    * integration issues between environments with Slack API
    * need dedicated IP pointing to your local environment (using `ngrok`, `localtunnel`, etc.)

    </div>

    ---

    ![bg](https://www.joomlamarketplace.online/content/uploads/2017/11/joomla-website-hosting.png)

    <div class="container">

    # Bot basics: hosting (continued)

    ## [Glitch](https://glitch.com) - code in the cloud!

    **Pros**:
    * easy to get up and running
    * easy to pair program remotely

    **Cons**:
    * lack of robust version control (it does weird things)

    </div>

    ---

    ![bg](https://media.giphy.com/media/mAvDXGbRUEtG0/giphy.gif)

    <div class="container">

    For demonstration purposes we're going to use: `Glitch` 🤙

    <center>
    <img src="https://media.giphy.com/media/vhsNmFjuN4WDS/giphy.gif" width="150px">

    <img src="https://media.giphy.com/media/l3nSFXpI4HhK4zJtu/giphy.gif" width="150px">

    # _Vámonos!_

    </center>

    </div>