Call Us At: 701.866.2098

Off The Richter Design Blog - Multimedia, Technology, Design & More

Welcome to our blog! Take a read through some of our latest posts from Fargo North Dakota.

Posts:


12-26-2017 Blog Post - Richter Design

Upgrade Your Garage Door Opener With a WeMo Maker and Amazon Echo




By: Travis Richter



How to Use WeMo Maker as a Garage Door Opener in Conjuction with Amazon Echo.

Echo Dot Amazon Alexa Garage Door
Hardware Items Needed:

I purchased all of these on Amazon.com for around $130
(The images below link to their respective Amazon listing)

Wemo Maker from Belkin Echo Dot Amazon Alexa Read Switch Magnetic Speaker Wire 14 Gauge Cable Clips White

Tools Needed:
Screwdriver Screwdriver Hammer

Software Neded:
Wemo App Screenshot Wemo App from Belkin IFTTT App Screenshot If That Then This App Alexa App Screenshot Amazon Echo Alexa App

DISCLAIMER: I make no guarantees about my documentation below. Try at you own risk. I’m not responsible for any damage you may do.



1


To start this project I downloaded the free WeMo app for my iPhone (Android and iOS supported) and followed the instructions that came with the WeMo Maker to get it connected to my home WiFi network. This didn't take any longer than a few minutes... it was very easy to do and involved first connecting my phone to the WeMo Maker's WiFi network and then using the app to point the WeMo Maker to my home network name (SSID) and providing the password so it can then join my network. I configured the switch by giving it a new name "Garage Door" and configured the Switch Type as MOMENTARY.

Note: For now, don't mess with the Reset Options or the Sensor setting.


Wemo Setup Momentary

2


Once the WeMo Maker was joined to my home network, I took the device to the garage and found a free wall plug to power the WeMo Maker.

Note: When you press the button for the WeMo Maker switch, you should hear the relay inside the Maker box click. If the button on the WeMo app turns green and stays green, you've not configured the button for MOMENTARY - this is required because it simulates pressing and releasing the button. Use the EDIT feature if this happens and change the Switch Type setting to MOMENTARY and try again. The button on the WeMo app should turn green for a second or so, and then return to non-green status


3


I used a screwdriver to unscrew the garage door button from the wall. Behind the button, were two screws, each holding down a wire. I unscrewed these enough to pull out the two wires, then plugged the wires into the two WeMo ports labeled RELAY. I used a flat head screwdriver to make sure the wires are in the ports nice and snug.

WeMo Maker Ports


Note: With this setup, I've replaced the garage door opener button with the WeMo Maker.

Once the wires were plugged into the ports, the garage door now opens and closes using the WeMo app.


Wemo Setup Garage

4


Next step is setting up the Trigger, so I can receive notifications of the garage door opening and closing. For this I purchased a Magnetic Read Switch and the additional 14 Gauge Wire. With the garage door closed, I mounted the magnet to the side of the door and the other end to the wall so the two pieces are close together as shown in the picture below.


Wemo Setup Magnetic Read Switch

With the switch installed, I ran the wire back to the Wemo Maker, using the hammer to nail up the cable clips to neatly hold the wire in place. I connected the two wires to the sensor ports like so in the photo below. Again, I used the screwdriver to make sure the wires are snug in the ports. Then I mounted the WeMo Maker to he wall where the old garage door button was.


Wemo Magnetic Read Switch Trigger

5


Follow the images below to see how I setup the notifications to display everytime the garage door opens.

Note: Notifications will display when the garage door opens or closes. This includes the door being opened by the remotes or vehicle remotes and is not limited to the WeMo Maker being switched to open or close the door.


Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications
Wemo Setup Notifications Wemo Setup Notifications
Wemo Setup Notifications Wemo Setup Notifications

6


To integrate this setup with Amazon's Echo, I first purchased the Amazon Echo and followed the instructions provided to set it up, then installed the Amazon Alexa App on my iPhone (Android and iOS supported). I then installed the app If That Then This (IFTTT) and created an account. The Following photos show how I configured the apps so I can now say "Alexa, trigger the garage door open" and "Alexa, trigger the garage door close."


Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT
Wemo Setup IFTTT





7-3-2017 Blog Post - Richter Design

How to Save Video Streaming in Google Chrome for Local Use




By: Travis Richter



You may have noticed right-mouse clicking on a video stream you've found on the net doesn't allow you to save the video to store locally, whether on your desktop or on a flash drive, etc. This little Google Chrome trick will allow you to save the video file for watching later without the use of Wifi or data over LTE.

Save Streaming Video in Google Chrome, Access Google Developer Tools Network

1


Step one is finding the video stream in Google Chrome, then opening up the Developer Tools like so.




Save Streaming Video in Google Chrome Step 2

2


Step two is locating the videoplayback link address within the Network pane of the Google Chrome Developer Tools.




Save Streaming Video in Google Chrome Step 3

3


Right-mouse click on the videoplayback link address and select Copy Link Address like so.




Save Streaming Video in Google Chrome Step 4

4

Open a new browser window, paste the link into the URL and hit enter. In this tutorial I use a different browser (Safari). You'll now see the video playing natively in the browser with HTML5. You may right-mouse click within the video content to save the video stream as a solid file.




Save Streaming Video in Google Chrome Step 5

5


Name the file accordingly and save to a location of your preference. The file extension should be .mp4.





6-16-2017 Blog Post - Richter Design

How to Configure Microsoft Office 365 Mail on Apple iOS 10




By: Travis Richter



setup Office 365 Email iOS 10

setup Office 365 Email iOS 10

setup Office 365 Email iOS 10

setup Office 365 Email iOS 10

setup Office 365 Email iOS 10

setup Office 365 Email iOS 10

setup Office 365 Email iOS 10


5-22-2017 Blog Post - Richter Design

New Logo, New Website, New Services

Written by: Travis Richter



We've got shirts!

Off The Richter Design Gets New Logo Off The Richter Design is proud to announce a new logo. After hours of various designs, countless cups of coffee, the design is complete. We even have t-shirts. To help raise funding for our new startup here in Fargo, ND, we're giving out free tees to anyone who donates $20 or more!

Off The Richter Design Gets New Website That's right, we went through a complete website overall! The new site got an entire facelift; we think it looks fantastic... but we may be a bit biased. With a fully responsive design, utilizing HTML5 and CSS3, OffTheRichterDesign.com aims to be a fully functional and user friendly site, dedicated to providing a variety of Web, Multimedia, Design and Consulting services—all oriented around assisting you and/or your business.

Off The Richter Design Adds New Services We've listend to our clients. Off The Richter Design is pleased to offer more services then ever. A full service Multimedia Development and Design Firm with over 10 years of experience in the field of Graphic Communications emphasizing on Multimedia. Off The Richter Design has worked with clients in many sectors, including; Agriculture, Construction, Education, Mechanical / Electrical Engineering, Non-Profit, and Retail Industries to provide strategic solutions accomplishing many challenging obstacles. We are now proud to offer services such as:
  • Professional Video Services
  • Event Video Services
  • Animation Services
  • Web Services
  • Stationary Design Services
  • Logo Design
  • Technical Writing Services
  • Digital Forms
  • Professional Product Photography
  • Multimedia Consulting


Although we've added new services, we are not limited to what is listed above. Off The Richter Design is happy to take on challenging projects. Contact us Today!