PRo Software Logo

Demo 1. Square Footage Calculator - Drawing Tool

HTML5 Canvas based drawing tool with square footage calculation for various shapes. Built using KineticJS. Will not allow merging of objects once a chamfer has been added. You can edit a shape by moving the orange bar or by entering distances in inches. Add the chamfers once you are done dimensioning the shape.

Please note that the area (shown in the top-right part of the screen) will be incorrect if the shapes self-intersect.

The orange bar will move in one inch increments when dragged with the mouse. Keep the “CTRL” key pressed to have it move in 0.25 inches increments.

Demo 2. Square Footage Calculator - Drawing Tool ** WIP **

Another HTML5 Canvas based drawing tool with square footage calculation for various shapes. Built using Paper.js, this one is a lot more flexible when it comes to shapes. You can merge or subtract any shapes, without any restrictions. This is still a work in progress pending integration of a JQuery edit box. Not all the primitives for shapes have been implemented.

Please note that the area (shown in the top-right part of the screen) will be incorrect if the shapes self-intersect.

Demo 3. Custom Granite and Marble Remnants Web Application

This demo showcases data transfer between a Windows program (CGM Program – a granite countertops manufacturing software) and a web application. The web part allows the filtering of records by slab thickness and/or part of the colour description.

Demo 4. Stonex Remnants Web Application

This demo allows bi-directional data transfer between a Windows program (a mockup Windows program simulating a granite countertops manufacturing program) and a web application. The web part allows you to reserve slabs and release the reservations as you please. The Windows program can be updated in real time.