Can't Do It with Spiceworks? You Can Build an Extension for

That!Scott Conner

Enrico BrunettaPlug-ins and Integrations, Spiceworks

What We’ll Be Covering

•What is a plug-in?• Javascript/HTML/CSS• Spiceworks APIs

•Creating Widgets

•Let's build some together!

•Questions/Answer Session

With plugins you can...

• Change Spiceworks look-and-feel

• Provide shortcuts to SW functionality

• Visualize data in new ways using APIs

• Change or add to functionality in Spiceworks

Anatomy of a Plugin

HTML/CSS:

Used for UI elements, page rendering, styling. Understanding HTML structure, CSS selectors (advanced)

Javascript

Program execution – like VB script for the browser.Spiceworks APIs – get data, display messages, and more!

Tools You'll Want

A good browser

Best to develop in Mozilla FirefoxMay need Chrome/IE for cross-browser testing (advanced)

A good debugger

Firebug for Firefox is great Mac guys can use Safari's built in web inspector

Resources

Download Plugins:http://community.spiceworks.com/plugin

Plugin Tutorials:http://community.spiceworks.com/help/Hello_World_Plugin_Tutorial

Plugin APIs:http://community.spiceworks.com/help/Spiceworks_Plugin_API

Extending Spiceworks Forum (join us!):http://community.spiceworks.com/group/show/300-extending-spiceworks

Let's make a couple of plugins together

Questions and Answer Session