Smart Plug

 Screen Shot 2017-07-17 at 10.07.22 AM

Gabriel Grajeda, Rian Toussaint, Khari Watson 

Reference Links:


For Photos:



Home owners not having an affordable alternative to transform typical household objects into smart objects.


Smart plug is a cost efficient solution of having a smart home and allowing the buyer to have the ability to switch the flow of electricity wherever they place the product.

The definition of a smart home is very straight forward. Using this plug will enable you to control any electron

IOT meaning the internet of things refers to the network of physical objects that feature an IP address for internet connectivity, and the communication that occurs between these objects and other Internet-enabled devices and systems.ic appliance that you attach to it. The average cost for a samsung smart package costs well over $200

Working with a budget of nothing over 100 we are developing a smart plug that cost half of a quarter of what it costs to get a smart home package.


Physical Programming

for programming the photon

Digital Fabrication

designing the outside case for our smart plug for the most part we will be using a 3D printer for the case. And If we do have time, we can laser cut, and press fit  a case It depends on what kind of time we have. 


We are working with relays

An esp

A photon which is used to control a circuit in our schematic using wifi which can be controlled by a hand held device and outer power surge for our project


 From the Middle class to lower class families


1 Photon

5 Relays

Leviton 80703

1 Extension cord 

1 VGA cable

Concept and Design

The concept within Smart-Plug is to allow low income families experience a smart home with low cost . The assets to this concept are the plug itself, the monitor, and the app.

The design currently is that there would be 3 central parts to the concept. A monitor to view the flow of electricity, a plug to control the flow of power (and to possibly save some of that power if there were ever to be a power outage) , and finally an app  view and manually control the monitor and the plug to the buyer’s content.

Pros and Cons

The pros are as follows:

  • Allows families to experience smart homes with destroying their wallets
  • Adds a touch of connivence to their homes
  • Allows our audience to be better equipped if a power outage were to happen
  • It helps out audience become more environmentally friendly if the want to lower their power usage with our product

The cons are as follows:

  • It may seem very clunky in design
  • There are other alternatives
  • Worst case scenario it could short circuit

Daily Log:


We further fleshed out our project by by addressing the problems regarding voltage, the price limits along with the production of the smart plug, and contemplating the timezone of which this project can be done.

FullSizeRender (9)FullSizeRender (8)


We made up the project as we went n and made the prototype out of cardboard. We didn’t get much criticism fem the project panelist. this could go two ways… being really good, or really bad. We had problems referring to AC, and DC currents. we had doubt on if  it would be feasible


 FullSizeRenderFullSizeRender (1)


FullSizeRender (2)

Project diagrams for the app and monitor 


We had a lesson over the use and the formatting of a particle photon for our wifi-based project. Basically including web connected LEDs and how to publish events on a console. We also researched on using more python based code in our project.


Goals for today:

  • How to connect a raspberry-pi to a computer monitor

We now changed the asset of it being an app to it being a website that still is accessible through your phone.


  • We don’t know if creating the website may work without the use of the particle photon app which would pretty make the effort pointless.

FullSizeRender (6)

We also created our website for the viewing of the smartplug, here’s the URL:



We plan to program our website with HTML to insert weather info and connect it with the raspberry-pi. And to also figure out how to physically connect the raspberry-pi to a monitor along with furthering our physical design.

Screen Shot 2017-07-20 at 11.23.46 AMIMG_2279


This is me attaching the raspberry pi to a monitor. Most parts I found from around the middle room. It was complicated, but I managed. We seemed to be missing a HDMI cable but Susan helped us out with that. I had trouble loading files on the sd card but I googled and downloaded the file just in time for lunch. The next problem that I had to tackle was having the Raspberry pi hooked up to the monitor, and having it show up on the monitor. Ming came by and told me that I might not have to do that If we can get the relay working. “Whew!”





Today we are mainly focusing on the adapting the monitor to the rasberry-pi, using a converter given to us by susan, and updating our html and css powered website. our monitor is a regular and standard dell monitor 

FullSizeRender (5)


We also got our many cables, boxes, and plugs/outlets.

FullSizeRender (1)FullSizeRender (3)FullSizeRender (2)FullSizeRender (4)FullSizeRender


And we also programmed some relays along with our websiteIMG_2294

FullSizeRender (7)IMG_2293IMG_2292



Today we are focusing on 3 things. Learning newer software so that we have better control for the relays, working on the html website that we have for the presentation and mechanics of the plug, and finally beginning to consider the actual look of our project.


Pictures regarding our designs



What we accomplished today was designing our actual frame for our smart plug. we designed it through Tinkercad, and It took half of the day to accomplish. We did a lot of measurements regarding the length with, and height of our project. We also made a list of all the priorities that we needed to finish the project including:

  • HTML page
  • Coding of the ESP
  • Printing of the frame 

What we still need to do:

  • Finish and decorate the HTML webpage
  • Code the esp8266 to connect to webpage
  • Materials needed:
  • Voltage reader
  • Second outlet and encasing
  • 3D print the encasing

FullSizeRender (1)FullSizeRenderIMG_2306



Today our goals for our project are:

  • To print our 3d demo of our frame for our Smartplug


  • To continue to design the web page on Mozilla Thimble




Our goals for today are:

  • Redesigning the smart plug frame
  • Sketch redesigns
  • Consider how much we have done with the web site.
  • Prep of the website

Our conflicts for today are:

  • Having enough time to finish everything
  • Redesigning might take a little longer due to false measurements
  • Probability that frame might not be printed due to time constraints


Today we are doing research on putting a kill a watt meter on our website, but all that were there according to google blogs stating that there is no such thing. so we decided to hack one. I fount a hack to make an Kill a Watt wireless. The website is located below:



Today we continued the work on the project with Gabe working on making sure the wiring and connection between the esp worked , and  the rest of us working on learning css and javascript to better handle the website. Today was mostly understanding variables and substrings.


And these are also the 2 websites we use to help us record data and feeds:




We updated the website with more widgets. Including a notification bar, a button, and a comment section. A challenge we faced today was not exactly know where to begin.


Today we successfully reached another step with connecting our esp micro controller to the website and finding more code to  establish a better connection. This is for our esp to better our project so that it works for whoever uses it. IMG_2507IMG_2473IMG_2492IMG_2508


Links we used today:




Today we tested out the smaller parts of our project to make sure its fully functional. specifically with our relays and capacitors. we also printed out a yellow frame for the plug.

IMG_2511 IMG_2521 IMG_2522




We have completed the project in time for the expo. we have a total of four outlets, and we made a 3D printed lid, and a 3D printed case. 

We learned many things during the expo, and events leading up through the expo. Fore one thing I learned that there are always more than one way to finish things. We ended up not even using the raspberry pi so a lot less wiring, and hook up for me. 

My experience with working with a group was a little stressful with plenty of dead ends, and sheer cliffs as far as with designing it we always tried to strive to perfect it, and make our project better. If we had more time, we could have tried to make a better case, and try to add more features to our plug for example an  LCD screen.

These are the videos of our demonstration of the newly finished smart plug