Can we get a HMI section?

Using the HMI Builder and creating custom interfaces for the BCS.
Post Reply
clearwaterbrewer
Posts: 383
Joined: Wed Feb 09, 2011 3:43 pm
Bot?: No
Location: Clearwater, FL
Contact:

Can we get a HMI section?

Post by clearwaterbrewer »

I just spent 6 hours in the chair playing with this HTML5/Canvas/whatever you call it... to have the flow show up...

These are just mock ups where I pasted the code to load the image and the hoses into my web browser on my machine..
HLT-HLT.png
HLT-HLT.png (16.81 KiB) Viewed 11606 times
HLT-MLT.png
HLT-MLT.png (16.84 KiB) Viewed 11606 times
MLT-MLT.png
MLT-MLT.png (16.72 KiB) Viewed 11606 times
clearwaterbrewer
Posts: 383
Joined: Wed Feb 09, 2011 3:43 pm
Bot?: No
Location: Clearwater, FL
Contact:

Re: Can we get a HMI section?

Post by clearwaterbrewer »

Can only do 3 images per post, so here are more:
MLT-BK.png
MLT-BK.png (16.74 KiB) Viewed 11605 times

Here you can get fancy and add text:
BK-CH_CH-BK.png
BK-CH_CH-BK.png (19.77 KiB) Viewed 11605 times
clearwaterbrewer
Posts: 383
Joined: Wed Feb 09, 2011 3:43 pm
Bot?: No
Location: Clearwater, FL
Contact:

Re: Can we get a HMI section?

Post by clearwaterbrewer »

And the 2 phases of chilling(we are in FL with 80+ degree ground water..):

ooops, I forgot the line from the BK to Pump1.. and phase 1 should be going back into the kettle... it is midnight, I am going to bed... but this HMI thing ROCKS!
BK-chill_CH1.png
BK-chill_CH1.png (17.67 KiB) Viewed 11605 times
BK-chill_CH2.png
BK-chill_CH2.png (17.62 KiB) Viewed 11605 times
User avatar
Baron Ken
Posts: 99
Joined: Fri Jan 15, 2010 2:50 pm
Bot?: No

Re: Can we get a HMI section?

Post by Baron Ken »

Pretty cool stuff. I wish I had more time to learn more about JavaScript. My crude attempts at creating 'hose' objects wasn't pretty, but it does work. ;)
clearwaterbrewer
Posts: 383
Joined: Wed Feb 09, 2011 3:43 pm
Bot?: No
Location: Clearwater, FL
Contact:

Re: Can we get a HMI section?

Post by clearwaterbrewer »

You can take credit for mine, I would have never even thought about attempting it without looking at yours... I probably have to thank Google and all the folks who wrote pages about the stuff... it would be neat to have some sort of GUI editor for this, say in Paint.NET.. set the image as layer 1, and then each hose drawing as another layer, and you can 'export' the layer to a .js snippet

We can both get ready to take credit for a huge number folks to drop their other automation systems like a hot rock and buy a BCS when we get one of these GUI's polished and on display! Pro brewers don't have this level of coolness without spending hundreds of thousands of dollars...

I would like to see the ability for the .js and background image stored on the BCS, though...
clearwaterbrewer
Posts: 383
Joined: Wed Feb 09, 2011 3:43 pm
Bot?: No
Location: Clearwater, FL
Contact:

Re: Can we get a HMI section?

Post by clearwaterbrewer »

OH, and I found if you want to change color, say before and after a chiller or heater, but want the line in one spot, you need the ctx.beginPath(); to begin a section just like ctx.stroke(); ends it.. otherwise, the last color mentioned colors everything...

Code: Select all

		if(widgetObj.act)
		{
			ctx.beginPath();
			ctx.lineWidth=6;
			ctx.strokeStyle='#FF0000';
			ctx.lineCap='round';
			ctx.moveTo(330,183);
			ctx.lineTo(490,183);
			ctx.lineTo(490,140);
			ctx.lineTo(525,140);
			ctx.stroke();
			ctx.beginPath();
			ctx.strokeStyle='#FFD472';
			ctx.moveTo(565,140);
			ctx.lineTo(580,140);
			ctx.lineTo(580,30);
			ctx.arc(563,30,17,0,Math.PI,true);
			ctx.stroke();
gyropilot1
Posts: 42
Joined: Fri Nov 11, 2011 2:34 am
Bot?: No
Location: Puerto Rico

Re: Can we get a HMI section?

Post by gyropilot1 »

I have 3 kegs and 2 pumps. the fermenter option I dont use.

Can I use the pics above and modify it under paintbrush.
my config is
left tank1 boil kettle
midle tank MLT and pump 1 conected to circulate.
third tank HLT and pump 2 to circulate

thnks
charles
gyropilot1
Posts: 42
Joined: Fri Nov 11, 2011 2:34 am
Bot?: No
Location: Puerto Rico

does any one have a drawing with 2 feremters

Post by gyropilot1 »

the  aviator set up hmi.jpg
the aviator set up hmi.jpg (163.74 KiB) Viewed 10190 times
clearwaterbrewer
Posts: 383
Joined: Wed Feb 09, 2011 3:43 pm
Bot?: No
Location: Clearwater, FL
Contact:

Re: Can we get a HMI section?

Post by clearwaterbrewer »

I use paint.net

here are the links to the actual files on my server, you are free to copy and play with them

http://www.clearwaterbrewery.com/clearwaterbrewery.js
http://www.clearwaterbrewery.com/3kettle-3pump.png
Post Reply