Page 1 of 1

piBeacon: 19- display in which room a beacon is

PostPosted: Tue Jan 17, 2017 10:47 pm
by 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
Screen Shot 2017-01-17 at 22.39.04.png (68.28 KiB) Viewed 6804 times

and
Screen Shot 2017-01-17 at 22.39.40.png
Screen Shot 2017-01-17 at 22.39.40.png (50.83 KiB) Viewed 6804 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
Screen Shot 2017-01-17 at 22.42.05.png (31.68 KiB) Viewed 6804 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
Screen Shot 2017-01-17 at 23.14.28.png (27.63 KiB) Viewed 6796 times

Re: piBeacon: 19- display in which room a beacon is

PostPosted: Wed Jan 18, 2017 7:00 am
by 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?

Re: piBeacon: 19- display in which room a beacon is

PostPosted: Wed Jan 18, 2017 8:29 am
by 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