Can't Do It with
Spiceworks? You Can Build
an Extension for That!
Scott Conner
Enrico Brunetta
Plug-ins and Integrations, ...
What We’ll Be Covering
•What is a plug-in?
• Javascript/HTML/CSS
• Spiceworks APIs
•Creating Widgets
•Let's build some tog...
With plugins you can...
• Change Spiceworks look-and-feel
• Provide shortcuts to SW functionality
• Visualize data in new ...
Anatomy of a Plugin
HTML/CSS:
 Used for UI elements, page rendering, styling.
 Understanding HTML structure, CSS selecto...
Tools You'll Want
A good browser
Best to develop in Mozilla Firefox
May need Chrome/IE for cross-browser testing
(advanc...
Resources
Download Plugins:
http://community.spiceworks.com/plugin
Plugin Tutorials:
http://community.spiceworks.com/help/...
Let's make a couple of plugins together
Questions and Answer
Session
Upcoming SlideShare
Loading in …5
×

Can't Do It with Spiceworks? You Can Build an Extension for That! - Scott Conner & Enrico Brunetta, Spiceworks

3,078 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,078
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Can't Do It with Spiceworks? You Can Build an Extension for That! - Scott Conner & Enrico Brunetta, Spiceworks

  1. 1. Can't Do It with Spiceworks? You Can Build an Extension for That! Scott Conner Enrico Brunetta Plug-ins and Integrations, Spiceworks
  2. 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. 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. 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. 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. 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. 7. Let's make a couple of plugins together
  8. 8. Questions and Answer Session

×