Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
35 lines (35 sloc) 1.8 KB
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="" xml:lang="en" lang="en">
<title>Multi-user real-time heatmap experiment with Canvas and Javascript on</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="ape-jsf/apeClientJS.js"></script>
<script type="text/javascript" src="logic.js"></script>
<div id="loader">
<div>Please wait...<br />The heatmap app is connecting to the server</div>
<div id="experiment">
<div style="width:900px;position:relative;margin:auto;"><h2>This experiment shows a possible approach on a multi-user real-time heatmap with HTMLCanvas, Javascript, a Message Oriented Middleware and Web Workers.</h2><a href="" class="hl_blue" target="_blank" title="article about multi-user real-time heatmaps">Read the corresponding article</a></div>
<div style="width:650px;height:600px;position:relative;margin-top:20px;margin-left:20px;border:2px solid black;float:left;">
<canvas style="z-index:10;position:absolute;" id="c" width="650" height="600">no canvas support</canvas>
<img src="heatmap_bg.jpg" alt="" width="650" height="600" style="z-index:1" />
<div class="widget">
<div class="widgetHeadline">Users in channel</div>
<div class="widgetContent">
<ul id="userlist">
<div id="coolerButton" class="rounded">
<img src="img/thermometer.png" width="48" height="48" alt="" /><span>Cool Heatmap down<br />(FF only)</span>
<div id="clearButton" class="rounded">
<img src="img/selection_delete.png" width="48" height="48" alt="" /><span>Clear your Heatmap</span>