Difference between revisions of "Tech Reflect"
|Line 48:||Line 48:|
== Design + Solutions ==
== Design + Solutions ==
Module 1: Weather
==How To: Make Requests to the Google Calendar API==
==How To: Make Requests to the Google Calendar API==
Revision as of 01:43, 14 December 2016
Everyone is a little vain. Whether you’re shaving, brushing your hair, or taking a quick peek at yourself for self-admiration, it would be incredible to save some time and see your calendar or the stock market without having to look at your phone. Get ready, get informed, that is the beauty of a smart mirror. Our objective is to create a mirror that can be programmed to display a variety of different information. We are hoping to connect this smart mirror with a phone/website so you can customize your preferences easily and efficiently.
Our objective for this project is to create a mirror than can be used as any other mirror but is also able to seamlessly display information. The information we intend to be put on display includes the time, the weather forecast for the day or week, stock information, and a calendar of the user's day. The weather forecast would need to be pulled from the internet so creating a connection between the display and the internet is necessary. Another objective is to make the mirror display controllable from an iPhone. We intend to achieve this phone-to-display connection by using a remote desktop controller that would allow a user to control the interface of the mirror display from a phone.
- Sam Kramer
- Andreas Larsen
- Alex Blustein
- Kjartan Brownell (TA)
- Raspberry Pi = $0 (Provided by Washington University)
- 10" LCD Display = $69.99 https://www.amazon.com/Resolution-1280x800-Raspberry-EJ101IA-01G-Rasbperry/dp/B00S4EWF6G/ref=sr_1_11?ie=UTF8&qid=1474384968&sr=8-11&keywords=lcd+screen)
- Power Supply - $6.59 (https://www.amazon.com/RockBirds-RB-1202-Switching-Supply-Adapter/dp/B00VM292AO/ref=pd_bxgy_147_img_2?ie=UTF8&psc=1&refRID=QH83QHMSQ472133SMD9P)
- 14in x 20in Two-Way Mirror- $46 + $12 shipping (http://www.tapplastics.com/product/plastics/cut_to_size_plastic/two_way_mirrored_acrylic/558)
- Black Electrical tape- $4.11 (https://amzn.com/B001B19JLS)
- Wood for frame- (http://www.homedepot.com/p/2-in-x-6-in-x-8-ft-2-and-Better-Kiln-Dried-Heat-Treated-Spruce-Pine-Fir-Lumber-161713/100037451)
- Wood glue- $3.47- http://www.homedepot.com/p/Liquid-Nails-10-oz-Extreme-Heavy-Duty-Adhesive-LN-907/205089262
- Wifi Dongle Adapter - $0
- Raspberry pi is pre-loaded with Python. Will have to learn language (codecademy, python.org).
- We need to find a way to connect a smartphone to the raspberry pi. This could possibly be done by using a VNC, a graphical desktop sharing system that allows you to remotely control the desktop interface of one computer from another. Our LCD screen is only 10 inches so we are considering adding a feature which allows you to switch the "widgets" visible on the mirror. This will require further knowledge of python. Also once we have fastened the LCD to the back of the mirror (check hardware sketches), it will be useful to be able to access it from another device.
- Connecting your phone to the smart mirror (to import calendar events, stock market, weather): we can do this with the wifi dongle which allows the raspberry pi to connect online. However, there are some security issues we need to address.
- Cyber Security: We need to ensure that no data from your connected phone can be accessed by others. We need to make sure that there is no way for other systems to access the raspberry pi and this can most likely be done by using password protection. VNC's require a password to access the desktop so this will heighten the security. No matter the amount of security, however, people will be wary of sending personal information via wifi and so for our demo we will only be using our own devices. To access the raspberry pi, we just need one device with a VNC app and the access password. (Also, we will be using the wustl secure wifi connection for our project).
- Hardware (Check sketches)
- We need to be especially careful with our LCD screen and also our mirror as the screen's circuit board can easily be fried and the mirror is brittle. To ensure that our mirror/screen will not break during use, we are going to build a wooden frame/case and a stand for the mirror. The wooden frame/case secures the LCD screen on the back of the mirror by placing planks of wood along the back edges of the screen. The screen will not be able to be separated easily from the back of our mirror. For the sake of our demo, we plan on either 3D printing or building a stand for the mirror as to avoid the risk of hanging the mirror and having it drop.
Design + Solutions
|Module 1: Weather||Module 2: Calendar||Module 3: News|
|For our weather module, we used the Dark Sky Forecast API (https://darksky.net/dev/) to give us the most up to date weather for display. We "called" the API in our code and "requested" the current weather and the temperature readout with various icons pertinent to the actual weather forecast. Our program contains an array of graphic icons (sunny, cloudy, partly cloudy, rainy etc). We set our program to resend a request every minute so the weather updates quickly and when the location changes.||Our calendar module was more complex and required more setup than the weather module. This is because it is a lot more difficult to set up a personalized API (connecting to a specific gmail account) than it is a general site). In order to set up the google calendar api, we had to do a fair amount of reading online. We have condensed these directions into a HowTo (see below). The Google Calendar API pulls information in real time from whichever google calendar you set up your JSON data file.||To create the news feed, we used the Google Feed API which uses an RSS (Rich Site Summary) to pull current information from major headlines regularly. Our program makes a request for the Google Feed API to grab headlines from an array of news urls (NYtimes.com, Washingtonpost.com, LATimes.com, Foxnews.com). When displaying each news headline using the Tkinter GUI we added a newspaper graphic icon to separate headlines.|
How To: Make Requests to the Google Calendar API
1. Before you start, make sure you have the newest version of Python, a wifi connection, and a gmail account with google calendar:
2. Now, follow along as we show you how to enable the API: https://www.youtube.com/watch?v=z2qnm-VJ70E
3. Place your downloaded JSON file in your directory.
4. Now that you have enabled the API, copy and paste the following code in to terminal to install the Google Client Library:
pip install --upgrade google-api-python-client
5. To set up a sample request for 10 upcoming calendar events, create a file named "quickstart.py" in your working directory and copy in the following code from this pdf
6. To run your sample, run the following code in terminal:
7. A white window will pop up and you should now see your upcoming events!
Our objective was to create a mirror that displayed the weather forecast for the day or week, stock information, and a calendar of the user's day. We also wanted to make the mirror display seamlessly controllable from an iPhone with a remote desktop controller. We were unable to create a seamless connection between an iPhone and the mirror display. We had success manipulating the display from an iPhone using the iOS version of VNC Viewer (the application used to access the remote desktop). Although there are ways to alter the module being displayed from an iPhone, this would require closing out of the module, and either changing code in a primary .py file, or accessing a separate premade .py file with the desired module changes. Neither of these options are viable for a user looking for effortless and non-complex functionality.
Assembling the frame was more complex than anticipated. We assumed that we would use planks of woods to place on top of the LCD to serve as both a securing mechanism and a way to eliminate light emanating from the screen. We decided to secure the LCD display screen that lays on top of the mirror with zip ties to a piece of wood that compresses the screen to the mirror. This piece of wood blocks all light coming from the screen. On top of this wooden panel sits all of the hardware such as the Raspberry Pi and power supply lines. The final layer is another piece of wood to cover all of the hardware with small cutouts to allow easy access to crucial hardware and our power supply chords (see photo in Design section).
The coding portion of the project proved more difficult than expected. We were not familiar with Python, so there was a steep initial learning curve. Coding the stock module was far more strenuous than anticipated, and ultimately we decided to create a news feed which proved to be a less complex process. We ran into an issue also while painting and assembling the frame. We were unaware that the acrylic on the two-way mirror was easily stripped and, as we were removing the blue tape placed on the mirror to protect it from the paint, it took off a few inches off the acrylic making a small portion of the mirror transparent (i.e. the back wood panel was visible).