Skip to content

Commit

Permalink
updated UI readme
Browse files Browse the repository at this point in the history
  • Loading branch information
subjectbit committed Sep 1, 2019
1 parent a0b169f commit 888f2c2
Show file tree
Hide file tree
Showing 10 changed files with 15 additions and 17 deletions.
32 changes: 15 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<b>Compute & Detection</b></summary>
<ul>
<li><a href="https://www.intel.com/content/www/us/en/products/boards-kits/nuc/kits/nuc7i5bnh.html">Intel NUC</a></li>
<li><a href="https://www.aliexpress.com/item/Wireless-Zigbee-CC2531-Sniffer-Bare-Board-Packet-Protocol-Analyzer-Module-USB-Interface-Dongle-Capture-Packet-Module/32852226435.html?spm=2114.search0104.3.9.6ae64da4Ihy5MO&ws_ab_test=searchweb0_0,searchweb201602_1_10065_10130_10068_10890_10547_319_10546_317_10548_10545_10696_453_10084_454_10083_10618_10307_537_536_10902_10059_10884_10887_321_322_10103,searchweb201603_57,ppcSwitch_0&algo_expid=532ac65a-3e80-4722-aded-c42d3397f247-1&algo_pvid=532ac65a-3e80-4722-aded-c42d3397f247">CC 2531</a></li>
<li><a href="https://phoscon.de/en/conbee2">Conbee II</a></li>
</ul>
</details>
<details>
Expand All @@ -15,7 +15,7 @@
<details>
<summary>
<b>Sensors</b></summary>
<p>I like using Xiaomi sensors as they're cheap, reliable, and portable. This is especially relevant to my use case as I bought the majority of the sensors used in my setup as a renter. I'm in the process of building a house and these sensors will be quick to pack up and set-up in the new house. I don't trust the original Xioami gateway, which often phones home to China so I blocked internet access to the gateway, which acts as the Zigbee coordinator. Eventually, I'll remove the gateway altogether and just use Zigbee2mqtt as a bridge between each device and Home Assistant</p>
<p>I like using Xiaomi sensors as they're cheap, reliable, and portable. This is especially relevant to my use case as I bought the majority of the sensors used in my setup as a renter. I've since graduated to home ownership and have mounted the sensors in key areas to detect motion, climate, and door/window settings. All the Xioami sensors and switches are controlled via the deCONZ container with a Conbee 2 coordinator. I originally used the zigbee2mqtt container with the CC2531 but experienced constant stability issues. Ever since getting past the initial setup with deCONZ, it's been rock solid.</p>
<ul>
<li><a href="https://www.aliexpress.com/item/New-Original-Xiaomi-Mijia-Human-Body-Sensor-Infrared-Smart-Home-Detector-Motion-Sensor-Safe-Moistureproof-15ms/32858852215.html?spm=2114.search0104.3.19.111f316b2zfoj2&ws_ab_test=searchweb0_0,searchweb201602_1_10065_10130_10068_10890_10547_319_10546_317_10548_10545_10696_453_10084_454_10083_10618_10307_537_536_10902_10059_10884_10887_321_322_10103,searchweb201603_57,ppcSwitch_0&algo_expid=cfc297f2-d6a6-4952-a632-a63ac3f66fdd-2&algo_pvid=cfc297f2-d6a6-4952-a632-a63ac3f66fdd">Xiaomi Mijia Human Body Sensor</a></li>
<li><a href="https://www.aliexpress.com/item/2019-Xiaomi-Mi-Smart-Temperature-and-Humidity-Sensor-Mini-Intelligent-Sensor-Put-the-baby-Home-office/32986664949.html?spm=2114.search0104.3.32.17e2205013KSAz&ws_ab_test=searchweb0_0,searchweb201602_1_10065_10130_10068_10890_10547_319_10546_317_10548_10545_10696_453_10084_454_10083_10618_10307_537_536_10902_10059_10884_10887_321_322_10103,searchweb201603_57,ppcSwitch_0&algo_expid=246f6dd6-c260-492f-82da-5b9358ca0864-7&algo_pvid=246f6dd6-c260-492f-82da-5b9358ca0864">Xiaomi Mi Smart Temperature & Humidty</a></li>
Expand All @@ -35,45 +35,43 @@
<li><a href="https://hub.docker.com/r/organizrtools/organizr-v2">Organizr</a></li>
<li><a href="https://hub.docker.com/r/plexinc/pms-docker">Plex</a></li>
<li><a href="https://hub.docker.com/r/abiosoft/caddy">Caddy</a></li>
<li><a href="https://hub.docker.com/r/v2tec/watchtower">Watchtower</a></li>
<li><a href="https://github.com/pyouroboros/ouroboros">Ouroboros</a></li>
<li><a href="https://hub.docker.com/r/nodered/node-red-docker">Node-RED</a></li>
<li><a href=https://github.com/Koenkk/zigbee2mqtt">Zigbee2mqtt</a></li></ul>
<li><a href=https://github.com/marthoc/docker-deconz">deCONZ</a></li></ul>
</details>

# UI Screenshots

## Overview
<p>The overview page dynamically shows entiteies based on their states. For example, only people who are home or entities that are on are displayed.</p>
<p>The overview page gives a quick snapshot of activity in the hosue. Some elements such as media players and any open doors or windows are dynamic and only appear while in certain states (e.g. an open window). I've shifted my approach to the UI in general by trying to use it less in favor of building intuitive contexts and automations. </p>
<p align="center">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/overview_ui.png">
</p>

## Office
<p>Each area tab is setup in a simliar way displaying any motion/door sensors, lighting, then media players, and finally any climate data.</p>
## Basement
<p>Rather than taking a room by room view approach, I've paried down each view to represent the floor (basement, first, second). </p>
<p align="center">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/office_ui.png">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/basement.png">
</p>

## Kitchen
## First Floor

<p>Each column represents diferent spaces. My home has a very open first floor layout so blending the different lighting and motion contexts is important.</p>
<p align="center">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/kitchen_ui.png">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/first_floor.png">
</p>

## Common Area
## Second Floor

<p>I've tried to use a consistant hirearchy in each view by displaying motion and lights, then media players, then any additional sensors such as climate or window/door status.</p>
<p align="center">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/common_area_ui.png">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/second_floor.png">
</p>

## Bedrooms

<p align="center">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/bedrooms_ui.png">
</p>

## Settings

<p>For now, I've added some simple views and controls to manage each container and automation status. Eventually, I'll migrate most of this to a Grafana dashboard to help understand long term trends of consumption and use.</p>
<p align="center">
<img src="https://raw.githubusercontent.com/subjectbit/homeassistant/master/ui/settings_ui.png">
</p>
Expand Down
Binary file added ui/basement.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed ui/bedrooms_ui.png
Binary file not shown.
Binary file removed ui/common_area_ui.png
Binary file not shown.
Binary file added ui/first_floor.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed ui/kitchen_ui.png
Binary file not shown.
Binary file removed ui/office_ui.png
Binary file not shown.
Binary file modified ui/overview_ui.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ui/second_floor.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ui/settings_ui.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 888f2c2

Please sign in to comment.