piBeacon: 19- display in which room a beacon is

[kw123]

here is how to display a green dot for (each) beacon in a room where the beacon currently is:

setup a page with:

Screen Shot 2017-01-17 at 22.39.04.png (68.28 KiB) Viewed 7539 times

and

Screen Shot 2017-01-17 at 22.39.40.png (50.83 KiB) Viewed 7539 times

]
etc for each beacon (here b-radius-1,2) and room (room-0...9 if you have 10 RPI ) you like to cover

create the following images:

Code: Select all

RPI0+-1.png	RPI1+.png	RPI2+0.png	RPI3+1.png	RPI4+2.png	RPI5+4.png	RPI6+4.png	RPI7+5.png	RPI8+6.png	RPI9+7.png
RPI0+.png	RPI1+0.png	RPI2+1.png	RPI3+2.png	RPI4+3.png	RPI5+5.png	RPI6+5.png	RPI7+6.png	RPI8+7.png	RPI9+8.png
RPI0+0.png	RPI1+1.png	RPI2+2.png	RPI3+3.png	RPI4+4.png	RPI5+6.png	RPI6+6.png	RPI7+7.png	RPI8+8.png	RPI9+9.png
RPI0+1.png	RPI1+2.png	RPI2+3.png	RPI3+4.png	RPI4+5.png	RPI5+7.png	RPI6+7.png	RPI7+8.png	RPI8+9.png
RPI0+2.png	RPI1+3.png	RPI2+4.png	RPI3+5.png	RPI4+6.png	RPI5+8.png	RPI6+8.png	RPI7+9.png	RPI9+-1.png
RPI0+3.png	RPI1+4.png	RPI2+5.png	RPI3+6.png	RPI4+7.png	RPI5+9.png	RPI6+9.png	RPI8+-1.png	RPI9+.png
RPI0+4.png	RPI1+5.png	RPI2+6.png	RPI3+7.png	RPI4+8.png	RPI6+-1.png	RPI7+-1.png	RPI8+.png	RPI9+0.png
RPI0+5.png	RPI1+6.png	RPI2+7.png	RPI3+8.png	RPI4+9.png	RPI6+.png	RPI7+.png	RPI8+0.png	RPI9+1.png
RPI0+6.png	RPI1+7.png	RPI2+8.png	RPI3+9.png	RPI5+-1.png	RPI6+0.png	RPI7+0.png	RPI8+1.png	RPI9+3.png
RPI0+7.png	RPI1+8.png	RPI2+9.png	RPI4+-1.png	RPI5+0.png	RPI6+1.png	RPI7+1.png	RPI8+3.png	RPI9+4.png
RPI0+8.png	RPI1+9.png	RPI3+-1.png	RPI4+.png	RPI5+1.png	RPI6+2.png	RPI7+3.png	RPI8+4.png	RPI9+5.png
RPI0+9.png	RPI2+.png	RPI3+0.png	RPI4+1.png	RPI5+3.png	RPI6+3.png	RPI7+4.png	RPI8+5.png	RPI9+6.png

where most are empty circles and only RPI0+0.png RPI1+1.png... RPI9+9.png are a green dot.

and the control page will then look like:

Screen Shot 2017-01-17 at 22.42.05.png (31.68 KiB) Viewed 7539 times

beacon rad-2 is in room 0 and beacon rad-1 is in room 3


naturally this can be made look nicer with a real floor plan, but I hope you get the principle

you could use a name instead of the green dot eg make "rad-1" "rad2" an image and replace RPI1-1.png for the 2 files with the image of the beacon and leave the empty images as is this would add one image file for each beacon per room (= 10 images for each beacon for 10 rooms - 10 times the same image but with a different name: abc9-0.pgn ... abc9-9.png if the name of the beacon/image is abc)


Karl

and with some modified parameters ( caption on image)

Screen Shot 2017-01-17 at 23.14.28.png (27.63 KiB) Viewed 7531 times

[johnpolasek]

Do you really need ALL the blank states? I'll have to go home to make sure, but I was given to understand that for the "custom state" cases (ie +.png, +state_a.png, ..., +state_z.png), anything that didn't match any of the specified states got the default +.png image. If that's the case, you only need a "blank" NearPiN+.png and a "present" image NearPiN+N.png for each Pi... or is my understanding wrong?

[kw123]

I tried that and it did not work. Looking at the indigo code: it tries to find an image that is close to the current value .. and only if it does not find one it uses the default one.


Sent from my iPhone using Tapatalk