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

1. Can't Do It with
Spiceworks? You Can Build
an Extension for That!
Scott Conner
Enrico Brunetta
Plug-ins and Integrations, Spiceworks

2. 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

3. 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

4. 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!

5. Tools You'll Want
A good browser
Best to develop in Mozilla Firefox
May 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

6. 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

7. Let's make a couple of plugins together

8. Questions and Answer
Session