How To Add Flair To A Webpage That Shows Your Project Data

January 27, 2012 by Mike Szczys 17 Comments

This temperature display may not knock your socks off, but it’s a simple demonstration of how you can used vector graphics as a web readout for data (translated). [Luca] wrote this four page tutorial to help others, he makes it look really easy, and the sky’s the limit on eye candy once you get he basics in place.

The first step is to create the dynamic SVG (vector graphic) file using Inkscape that will be used by the webpage. This starts with a static background, in this case the grey parts of the thermometer which will not change. Over the top the blue parts were added, with just a bit of XML editing to give those parts a hook which will be used in the next step. The demo above will have a moving blue bar and changing numeric output to match data coming in from a temperature sensor.

An SVG file is just a text file that is rendered as a graphic when loaded. [Luca] shows you how to used the identifiers set up when making the graphic to dynamically change the size and value of the blue parts with server-side PHP before sending the graphic to the browser. With that in place you just need to give the PHP file access to the data. He shows how to use the Pachube API but you could just as easily get this via serial or otherwise.

Parametric Script Makes Laser Cutter Designs A Snap

July 31, 2011 by Mike Szczys 11 Comments

[Tinkerer] bought a small cupboard from an antique store to fit nicely into his kitchen decor. After getting it home, he realized that some of the cubbyholes had originally housed drawers. The originals were long gone but this provided an opportunity for him to make the replacements seen above.

The first design approach that popped into [Tinkerer’s] mind was to draw the pieces in an editor like Inkscape. Some consultation with others at the local Hackerspace led him to this script-based parametric SVG design tool. We jumped right in to give it a whirl, clicking on Load –> Construction (category) –> Better Box. Once you’ve chosen the script, click on ‘Parameters’ on the left column and enter the sizing you want for your box. When all values are correct, click the renter tab, then export it as a Scalable Vector Graphic.

We’ve lamented time and again about our lack of a laser cutter, so we were unable to test this out. But we can’t see why it wouldn’t reproduce the same results that [Tinkerer] achieved.

PartKAM Produces CAM Related Files Online

June 2, 2010 by Mike Szczys 6 Comments

PartKAM is a Flash-based CAM production package created by [Jack Qiao]. There are a ton of computer aided manufacturing suites out there, this one is simple and requires nothing more than having your browser open. We played with it for a few moments and found it useful but still a bit buggy. Most notably, it lacks a ‘undo’ option. That being said, you can export as SVG or gCode for use when you just need to hammer out a few parts with that CNC mill you threw together.

Ponoko Launches Subscription Manufacturing

December 1, 2008 by Eliot 1 Comment

reprap

Ponoko is an on-demand manufacturing service. You submit your design and they’ll cut it out of one of their many materials. The site is built so you can sell your products or designs directly. They recently took a major step with the introduction of Designmake Prime. It’s a monthly subscription based service with many benefits. It lets you submit DXFs for evaluation instead of their standard EPS or SVG. You can request any material you want and they’ll provide direct support. You also get priority in manufacturing queues. While they’ve always offered an à la carte service, this new move puts Ponoko directly in the role of a traditional manufacturer. Offering manufacturing as a service shows their intention of former a relationship with their customers, but at the an individual level, which most manufacturers can’t approach because of scale.

Ponoko first came to our attention when RepRap published an acrylic version of their machine.

[via Fabbaloo]