Team Phoenix: Anuradha, Vinayak Shantaram Joshi

Published March 1, 2018

Desk Buddy Using Bolt IoT

Build your own Desk Buddy to help notify the presence/absence of your co-workers.

BeginnerProtip30 minutes1,087

Things used in this project

Hardware components

Bolt IoT Bolt WiFi Module

LED (generic)

Software apps and online services

Bolt IoT Bolt Cloud

Story

Why Desk Buddy?

I love to sit by the window seat at my office; but so does Mr. Bonko. So, whenever he is away, I get to spend my time in my favorite spot. But it’s hard to tell when he’ll be away when he’ll be present.

Well, well! Now it’s easier. I deployed a Desk buddy on the spot, and a Bolt app on Mr. Bonko’s phone and we came to an agreement that he’ll simply visit his Bolt cloud and press “Present”/ “Away” button on his desk_buddy app and voila, the Desk buddy will glow Green/ Red accordingly. Thus, when I arrive at the office, I’ll know if I can occupy the seat or not.

TL; DR: This project is to provide a very basic implementation of a module to show the presence or absence of an employee. This is useful in co-working environments.

Hardware Connections:

There are two LEDs which we use in the project. Green LED is switched on when the user clicks “Present” on his bolt cloud app. The Red LED is switched on when the user clicks “Away” on his bolt cloud app.

The Green LED is connected between digital pin 0( positive) and GND (negative).

The Red LED is connected between digital pins 1(positive) and 2(negative). When pin 1 is High and 2 is Low, the Red LED comes on. In order to switch it off, we toggle pin 1 to Low while 2 remains low.

Software :

After you have done your hardware setup, you can proceed with writing a code. Just login to your bolt cloud. You can follow the docs to setup a new project. Name it as you please, and add a code given in the code section. You can modify the code to your needs. End motive is to make two button on clicking which, digitalWrite() function is invoked and it glows the respective colored LED that tells about user's presence/absence.

https://cloud.boltiot.com/docs

Code

Desk_Buddy

<html>
<head>
<style>
.buttonPresent {
    background-color: #a6ff4d;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
}

.buttonAbsent {
    background-color: #ffff1a;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
}

</style>
  <!-- In following  line will load the boltCommands.js files from Bolt cloud.-->
  <script type="text/javascript" src="https://cloud.boltiot.com/static/js/boltCommands.js">
  </script>

  <script type="text/javascript">
    // The following line will set the api key and device name. It will be auto-initialized by Bolt cloud.
    setKey('{{ApiKey}}','{{Name}}');
    setDebug(false);
    // Function defination for employee Presence
    function present(){
        digitalWrite(0, 'HIGH');
        digitalWrite(1,'LOW');
    }
    // Function defination for employee Absence
    function absent(){
      digitalWrite(0, 'LOW');
      digitalWrite(1,'HIGH');
      digitalWrite(2,'LOW'); 
    }
</script>
</head>

<body>
    <div class="background">
<center>
  <!-- In below line, We are calling the 'present' function defined in the javascript above,
  to switch on the Green LED. -->
  <button onclick="present()" class="buttonPresent">Present</button>

  <!-- In below line, we are calling the 'absent' function defined in the javascript above,
  to switch on the RED LED. -->
  <button onclick="absent()" class="buttonAbsent">Away</button>

</center>
</div>
</body>
</html>

Credits

Anuradha

3 projects • 2 followers

I enjoy anything that gives me a work high, such as Hackathons.

Vinayak Shantaram Joshi

11 projects • 63 followers

Desk Buddy Using Bolt IoT

Things used in this project

Hardware components

Software apps and online services

Story

Why Desk Buddy?

Hardware Connections:

Software :

Schematics

Circuit Diagram for Desk Buddy setup

Code

Desk_Buddy

Credits

Anuradha

Vinayak Shantaram Joshi

Comments

Embed the widget on your own site

Desk Buddy Using Bolt IoT

Desk Buddy Using Bolt IoT

Things used in this project

Hardware components

Software apps and online services

Story

Why Desk Buddy?

Hardware Connections:

Software :

Schematics

Circuit Diagram for Desk Buddy setup

Code

Desk_Buddy

Credits

Anuradha

Vinayak Shantaram Joshi

Comments

Related channels and tags