Remote pet feeder

December 31, 2017March 24, 2018 obniz 0 Comments

Remote pet feeder

How it works

Do you wanna feed your pets from outdoor?
This is a feeder that can be controlled from the Web.

Materials

obniz – 1
battery or usb adaptor & cable – 1
Screw and pipes
Servo motor (unlimited rotation) – 1
Pet food – as many as possible

Steps

Step 1

Cut pipes and prepare the screw.
This is a sample stl file. you can download and print this by 3D Printer. [DOWNLOAD]
Then, Build these things and connect screw to a motor.
And put them into a box.

Step 2

Connect Servo motor to an obniz.
like
io0: GND,
io1: VCC,
io2: signal

Then power up your obniz.

Step 3

Write code below.
Put foods to it and Try onece.
foods will be outcome.

Code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <script  src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="  crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

  <script src="https://unpkg.com/obniz@0.1.34/obniz.js"></script>
</head>

<body>
<div id="obniz-debug"></div>
<br>
<div class="text-center">
  <h1> Pet Feeder </h1>
</div>

<button id="meal">Feeding</button>
<div id="dispMeal"></div>

<script>

function getTime(){
  var dateTime=new Date();
  var hour = dateTime.getHours();
  var minute = dateTime.getMinutes();
  return hour + ":" + minute;
}

/* This will be over written on obniz.io webapp page */
var obniz = new Obniz("OBNIZ_ID_HERE");

obniz.onconnect = async function () {
  var numberOfMeal = 0;
  var lastTimeMeal;
  $("#dispMeal").text("Number of feeding : "+numberOfMeal)
  var servo = obniz.wired("ServoMotor", {gnd:0, vcc:1, signal:2});

  $("#meal").click(async function(){
    numberOfMeal++
    lastTimeMeal = getTime();
    $("#dispMeal").text("Number of feeding : "+numberOfMeal+", The last time : "+lastTimeMeal)
    servo.angle(0.0);
    await obniz.wait(10000);
    servo.angle(6.9);
  })
}
    
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<br>

<h1> Pet Feeder </h1>

</div>

<button id="meal">Feeding</button>

function getTime(){

var dateTime=new Date();

var hour = dateTime.getHours();

var minute = dateTime.getMinutes();

return hour + ":" + minute;

}

/* This will be over written on obniz.io webapp page */

var obniz = new Obniz("OBNIZ_ID_HERE");

obniz.onconnect = async function () {

var numberOfMeal = 0;

var lastTimeMeal;

$("#dispMeal").text("Number of feeding : "+numberOfMeal)

var servo = obniz.wired("ServoMotor", {gnd:0, vcc:1, signal:2});

$("#meal").click(async function(){

numberOfMeal++

lastTimeMeal = getTime();

$("#dispMeal").text("Number of feeding : "+numberOfMeal+", The last time : "+lastTimeMeal)

servo.angle(0.0);

await obniz.wait(10000);

servo.angle(6.9);

})

}

</script>

</body>

</html>

Working video

Now you can control it from outdoor.
Leave obniz powered on.
And open html page at any time you want to feed.
Just put “Feeding” button. It will work!

obniz.io

Remote pet feeder

Remote pet feeder

How it works

Materials

Steps

Step 1

Step 2

Step 3

Code

Working video

Like this:

Related

Leave a Comment Cancel reply

Remote pet feeder

How it works

Materials

Steps

Step 1

Step 2

Step 3

Code

Working video

Share this:

Like this:

Related

Leave a Comment Cancel reply