EvilAlchemist's folding stats web page

AMD_Gamer · Dec 2, 2008

http://webpages.charter.net/evilalchemist/

Ok how do i make a badass stats web page like this? it looks like a F@Hmon output but all your clients are pooled together into one page?

I have been having F@Hmon at my house and my GPU box at school put the simple web page into my dropbox and using dropbox to monitor my clients.

EvilAlchemist · Dec 2, 2008

AgrFan has also asked for a guide on how to set that up as well.

I am trying to get one put together but I have been working almost every day.

I will get something put together as soon as I can.

Wheresatom · Dec 2, 2008

I too like that idea. Thanks!

Pocatello · Dec 3, 2008

EvilAlchemist said:
I am trying to get one put together but I have been working almost every day.

That is great news!

More money for more DC'ing !

EvilAlchemist · Dec 3, 2008

I have the guide about 1/2 way done so far since we have been slow at work.

You are correct, it is just Fahmon's "simple webpage" with a few modifications to the template that alter the background color and the order of the columns.

Then a ftp batch files uploads the file every thrity minuntes to my server.

When I get it done, I will get it to King_N to post on Hardfolding Guide Section.

Kendrak · Dec 3, 2008

This will be good.

It will give me something to keep an eye on the farm while I'm gone for the holidays.

AMD_Gamer · Dec 3, 2008

EvilAlchemist said:
I have the guide about 1/2 way done so far since we have been slow at work.

You are correct, it is just Fahmon's "simple webpage" with a few modifications to the template that alter the background color and the order of the columns.

Then a ftp batch files uploads the file every thrity minuntes to my server.

When I get it done, I will get it to King_N to post on Hardfolding Guide Section.

sounds great

EvilAlchemist · Dec 6, 2008

Okay ... Here is the guide you guys requested.
I have tired to make it as clear as possible, but if you think something needs to be explain better or use different terminology, just let me know
I will also let King_N know so he can post it on HardFolding.Com
-------------------------------------------------------------------------------------------------------------------------------
Client Web Status Guide using FahMon

Setup FahMon (Based on 2.3.4v Configuration)

(This guide assumes all your clients are already setup and monitored by Fahmon)

Go to your Fahmon Install directory and Create a New Folder named "Upload"
Open the Preferences (Ctrl +P) and select the "WebApp 1" tab.
Select the "Export Simple Web Page Function" & name the file fahmon.html
Save fahmon.html file in the new "Upload" folder created a few steps earlier.
Under the "Monitoring Tab" - set the "Auto Reload Clients" interval to 10 minutes
Under the "General Tab" - enable "System Tray Icon"
Now Minimize FahMon (Will come back to it later)

Setup FTP Upload

Create a new txt file inside the Fahmon\Upload\ folder and name that file ftpupload.txt

Copy the following code into the upload.txt file

Code:

OPEN my.ftp.com
mylogin
mypassword
binary
MPUT fahmon.html
BYE

Change the value of "my.ftp.com" , "mylogin", & "mypassword" to your server & login information.
Change the value of "MPUT fahmon.html" to the location of your html file from Section 1 - Step 4
(Example: "MPUT Z:\Fahmon\Upload\fahmon.html" or "MPUT C:\Program Files\FahMon\Upload\fahmon.html")
Save Txt File and Close
Go the your Windows\System32\ Folder and create a new txt file
Copy the Following Code into that file
Code:
```
ftp -i -s:C:\ftpupload.txt
```
Change the value of "C:\ftpupload.txt" to the location of the "ftpupload.txt" you created in Section 2 - Step 1
(Example: "ftp -i -s:C:\FahMon\Upload\ftpupload.txt" or "ftp -i -s:C:\Program Files\FahMon\Upload\upload.html")
Save File as FTP.BAT in the Windows\System32\ folder and close file
(Another option is to save the txt file and rename it to FTP.BAT)

Setup Verification

(At this point, we need to verify the steps were completed successfully up to this point)

Navigate to the FahMon Upload folder and open Upload.html
All your clients should be listed on that page. If they are not, Bring Up FahMon from the system tray and hit "F6" or "Menu Bar - Clients - Reload All"
Navigate to the Windows\System32\ folder and run FTP.BAT, then verify that the html file has been sent to your web server.
(Example: http://www.evilalchemist.com)
Once you have verified that FahMon is creating the fahmon.html file and FTP.BAT is uploading the file correctly, move on to the next section.

Create Scheduled Task

Create a new scheduled task to run FTP.BAT Every 30 minutes.
If you are unfamiliar on how to created a scheduled task - here are some help site.
For XP Users - http://support.microsoft.com/kb/308569
For Vista Users - http://www.vistax64.com/tutorials/132903-task-scheduler-create-task.html
Once the scheduled task is configured, manually run the task to make sure it works correctly.
(I would suggest you go back into FahMon and "Reload All Clients" again to get a newer html file to verify the new task upload worked correctly.

Congratulations - You Are Done

You Fahmon Client Status page will update every thirty minutes to your server.
Make sure you have Fahmon running in the system tray at all times or the scheduled task will just keep uploading the same html file.

Advanced Option - Template Customization

Some Users may wish to change the layout of the web page created by the client.
The template file is located at "FahMon\templates\simple_template.html"
Template Options & Help is located in "\Fahmon\docs\TEMPLATE_SYNTAX.txt"

If you wish to use my custom template - here is the code

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="refresh" content="500" />
	<title>UserName Folding@Home Server Status</title>
	<style type="text/css">
		<!--
	TD {
	padding:2px;
	border:1px solid #000;
	}
	//-->
</style>
</head>
<center><font size=+2 color="#FF0000"><!--tpl_static @USERNAME@ -- Team: @TEAMNUMBER@ [H]ardOCP tpl//--></center></font>
<body bgcolor="#000000" topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0">
			<div align="center">
		<table style="border-collapse:collapse;border: 1px solid #000;font-family: Courier New; font-size: 10pt">
			<tr>
				<td colspan="3"><font color="#FF0000">Windows / Linux Systems</font></td>
				<td colspan="3"><font color="#FF0000"><!--tpl_static @_Last_updated:@ @UPDATE_TIME@ tpl//--></font></td>
				<td colspan="2"><font color="#FF0000"><!--tpl_static @_Total_PPD:@ @TOTAL_PPD@ tpl//--></font></td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<!--tpl_static <td><center>@_State@</center></td>
				<td><center>@_Progress@</center></td>
				<td><center>@_Name@</center></td>
				<td><center>@_ETA@</center></td>
				<td><center>@_PPD@</center></td>
				<td><center>@_PRCG@</center></td>
				<td><center>@_Credit@</center></td>
				<td><center>Core</center></td> tpl//-->
			</tr>
			<!--tpl_loop <tr>
				<td bgcolor="@STATE_COLOR@"><center>@STATE@</center></td>
				<td><center><FONT COLOR="#ffffff">@PERCENTAGE@</font></center></td>
				<td><FONT COLOR="#ffffff">@NAME@</font></td>
				<td><center><FONT COLOR="#ffffff">@ETA@</font></center></td>
				<td><center><FONT COLOR="#ffffff">@PPD@</font></center></td>
				<td><center><FONT COLOR="#ffffff">@PRCG@</font></center></td>
				<td><center><FONT COLOR="#ffffff">@POINTS@</font></center></td>
				<td><center><FONT COLOR="#ffffff">@CORE@</font></center></td>
			</tr> tpl//--></FONT>
		</table>
	</div>
</center></body></html>

Edit the "UserName" in line"<title>UserName Folding@Home Server Status</title>" to your F@H User Name
If you wish, you can edit "Windows / Linux Systems" in the line "<td colspan="3"><font color="#FF0000">Windows / Linux Systems</font></td>" to state which clients you are running.
(Example: Windows GPU2 Clients or Linux SMP Clients or any other text you wish)
(Warning: Too many Characters in this line *may* mess up the table spacing)
Once you are done making modications, save the file, go into Fahmon & Reload All Cleints and check the new fahmon.html file inside your FahMon\Upload\ folder.

Advanced Option - Multiple Client Locations

(If you have clients at different locations or different networks)

Repeat this guide, but in Section 1 - change fahmon.html to fahmon1.html.
Change the fahmon.html file reference in the upload.txt to also reflect this different file name.

Advanced Option - View Multiple FahMon HTML Pages

(Only Needed if "Multiple Client Locations" is used)

Create a new txt file copy the following Code

Code:

<html><head>
<title>UserName - Folding@Home Stats</title>
</head>

<frameset rows="400,*" framespacing="0" border="0">
	<frame name="main" noresize scrolling="no" src="fahmon.html">
	<frame name="main2" noresize scrolling="no" src="fahmon1.html">
	<noframes>
	<body>
<body bgcolor="#000000" topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0 style="font-family: Courier New; font-size: 10pt">


	<p>This page uses frames, but your browser doesn't support them.</p>
	</body>
	</noframes>
</frameset>

Save and Close File
Rename File index.html and upload to your web server.
(Now, two FahMon pages will be displayed on the same page)
You can edit the "<frameset rows="400,*" framespacing="0" border="0">" line to change the height of the top frame to better fit your client.
(Example: "<frameset rows="500,*" framespacing="0" border="0">" or "<frameset rows="250,*" framespacing="0" border="0">"

If you wish to have 3 pages listed at the same time, here is an example of the code

Code:

<frameset rows="400,100,*" framespacing="0" border="0">
	<frame name="main" noresize scrolling="no" src="fahmon.html">
        <frame name="main2" noresize scrolling="no" src="fahmon1.html">
        <frame name="main3" noresize scrolling="no" src="fahmon2.html">

This can be expanded to as many pages as you want to display at a single time.

Advanced Option - Cell Phone Web Template & Viewing

(Allow for easy viewing on any cell phone with web access)

Create a new txt file inside the Fahmon\template\ folder and name that file cell_template.txt

Copy the code below into that txt file.

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="refresh" content="500" />
	<title>Username Folding@Home Server Status</title>
	<style type="text/css">
		<!--
	TD {
	padding:2px;
	border:1px solid #000;
	}
	//-->
</style>
</head>
<center><font size=+2 color="#FF0000"><!--tpl_static @USERNAME@ -- Team: @TEAMNUMBER@ [H]ardOCP tpl//--></center></font>
<body bgcolor="#000000" topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0">
			<div align="center">
		<table style="border-collapse:collapse;border: 1px solid #000;font-family: Courier New; font-size: 10pt">
			<tr>
				<td colspan="3"><font color="#FF0000"><!--tpl_static @_Last_updated:@ @UPDATE_TIME@ tpl//--></font></td>
				<td colspan="2"><font color="#FF0000"><!--tpl_static @_Total_PPD:@ @TOTAL_PPD@ tpl//--></font></td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<!--tpl_static <td><center>@_State@</center></td>
				<td><center>@_Name@</center></td>
				<td><center>@_PPD@</center></td> tpl//-->
			</tr>
			<!--tpl_loop <tr>
				<td bgcolor="@STATE_COLOR@"><center>@STATE@</center></td>
				<td><FONT COLOR="#ffffff">@NAME@</font></td>
				<td><center><FONT COLOR="#ffffff">@PPD@</font></center></td>

			</tr> tpl//--></FONT>
		</table>
	</div>
</center></body></html>

Edit the "UserName" in line"<title>UserName Folding@Home Server Status</title>" to your F@H User Name
Save and Close File
Change file extension from txt to html
Open the Preferences (Ctrl +P) in FahMon and select the "WebApp 2" tab.
Go to the "Custom Web Application Template" option.
Point that entry to the new cell_template.html file in the Fahmon\template\ folder.
Now go to the "WebApp 1" tab
Enable the Export Web Application Section
Now point that entry to the FahMon\Upload\ folder and name the html cell.html
(Example: Fahmon\Upload\cell.html
(This is the same process used in Section 1 when setting up the original stats page)
Hit okay and minimize FahMon back to the system tray
Open the upload.txt file in the Fahmon\Upload\
(This is the file created in Section 2 of this guide)
You will need to add the MPUT cell.html line into the txt file.
(Here is an example)
Code:
```
OPEN my.ftp.com
mylogin
mypassword
binary
MPUT fahmon.html
MPUT cell.html
BYE
```
Remember as in Section 2, the MPUT line will need to be to the full file path
(Example: "MPUT Z:\Fahmon\Upload\cell.html" or "MPUT C:\Program Files\FahMon\Upload\cell.html")
Save and Close that file

You are done and your stats designed for phone viewing will upload the next time the script is ran by the task schedules. Simply go to that address on your cell phone and get a great overview of your clients with no extra data

End Guide
Publish Date: December 2008

Air Cooled 420 · Dec 6, 2008

Very Nice! Thanks for the hard work!

Kendrak · Dec 6, 2008

Looks good Evil.

I'll give it a try today and see if I'm smart enough to follow directions

My kindergarten teacher said I'm not, but I'll show her.

AgrFan · Dec 6, 2008

Much appreciated ... thanks

EvilAlchemist · Dec 7, 2008

I hope the guide is easy to follow and got you up and running.

Be sure to post your stat links up so I can check them out when they go live!

Xilikon · Dec 7, 2008

Great guide, could you pm me the edit version so I can add it in the [H]orde Guides for everyone to check ?

EvilAlchemist · Dec 7, 2008

Xilikon said:
Great guide, could you pm me the edit version so I can add it in the [H]orde Guides for everyone to check ?

I got that sent to you.

Also, for those of you who have internet on your cell phones.

I am almost done making a template that is great for viewing on the smaller screen.
It takes a lot of the fields away, but give you a quick glance at yuor clients and status.

I will have Xilikon add it to the guide in a day or so as well as post it here.

EvilAlchemist · Dec 8, 2008

Okay, I have added the Cell phone template and Viewing Instructions.
I tried it last night with several smart and non smart phones and the page looks really good.
No extra data, just client stats, name and PPD for a quick overview of your farms status on the go.
Here is my cell phone stats page - try it on your phone and see how you like it. File Size is extremely small (3.47K)

http://webpages.charter.net/evilalchemist/cell.html

I really want to hear when you guys get it up and running.

AgrFan · Dec 14, 2008

Finally got it up and running ... kudos Evil.

http://home.comcast.net/~rdelvecchio/fahmon.html

AMD_Gamer · Dec 14, 2008

I'm getting mine up and running on Christmas break

EvilAlchemist · Dec 14, 2008

AgrFan said:
Finally got it up and running ... kudos Evil.

http://home.comcast.net/~rdelvecchio/fahmon.html

Looks Great .. and it looks like you used my template

Hope the guide was easy to follow for you!

elec999 · Dec 19, 2008

Is there anything like this for seti.
Thank you

EvilAlchemist · Dec 19, 2008

elec999 said:
Is there anything like this for seti.

To my knowledge, not at this time.I would ask one of our WCG members here on the forum. Since they are also using the BIOINC clients as well.
I am sure with so many users, there are monitoring programs for BIONIC.

This setup uses FAHMON, a custom program designed to monitor Folding@Home only.

If you can find a monitoring program that will automatically create an html file every so often, then you can do something similar to what the guide describes.

EvilAlchemist · Jun 18, 2009

Small Update to this Guide:

With FAHmon 2.3.99.1, a feature was added to FTP / HTTP your files to your site.

Export
These allow FahMon to create a formatted web page based upon a simple templating
system. Each of these 3 boxes will allow a separate page to be generated. These pages
can either be saved to a local file, or uploaded via FTP to a remote web server.
For FTP upload, a correctly formatted URL needs to be entered in the form
ftp://username:password (at) server/path/to/upload/file.html.

It also has the option to set the refrest / upload timer for local & web refresh.

This means you no long have to use the .bat method if you do not wish.

AgrFan · Jun 19, 2009

EvilAlchemist said:
Small Update to this Guide:

With FAHmon 2.3.99.1, a feature was added to FTP / HTTP your files to your site.

It also has the option to set the refrest / upload timer for local & web refresh.

This means you no long have to use the .bat method if you do not wish.

This feature works great ... thanks for the tip Evil.

EvilAlchemist's folding stats web page

Fully [H]

2[H]4U

[H]ard|Gawd

DC Moderator and [H]ard DCOTM x7

2[H]4U

[H]ard|DCer of the Year 2009

Fully [H]

2[H]4U

Gawd

[H]ard|DCer of the Year 2009

[H]ard DCOTM x2

2[H]4U

[H]ard|DCer of the Year 2008

2[H]4U

2[H]4U

[H]ard DCOTM x2

Fully [H]

2[H]4U

Limp Gawd

2[H]4U

2[H]4U

[H]ard DCOTM x2