Sky Developer Deep DiveHIGHLIGHTING CAPABILITIES OF THE SKY DEVELOPER ECOSYSTEM

Ben LambertBobby Earl

Agenda

• Introductions

• SKY Developer

• Live Demo

• Conclusion

I’mBen Lambert

@benjeLambert

• 25th year at Blackbaud.

• Architect of SKY API since 2014.

• Frequent supporter of the arts, including Board of Directors for local theater group.

SENIOR LAUREATE SOFTWARE ENGINEER

I’mBobby Earl

@simplyearl

• Web developer for 20 years.

• Active Open Source contributor.

• Purveyor of all things LEGO.

• Rockstar wife, 4 younglings, and a Great Dane at home.

SENIOR PRINCIPAL SOFTWARE ENGINEER

Roll Call

• Developer, IT, Managers

• Front-end, Backend

• C#, Java, HTML, CSS, JS

• Angular, React, Vue

• Familiar with SKY Developer

SKY UX®

Open source, full component library

SKY API®

Open, industry-standard REST APIs

SKY Add-Ins™Enable contextual experiences in Blackbaud solutions

SKY Developer Platform

SKY UX

DESIGN SYSTEM, COMPONENTS, SDK

What is SKY UX?

SKY UX provides a framework to implement

design patterns, along with the guidance to

handle visual design and interaction patterns.

SKY UX

Visual Representation

Design System

Components

SDK

Blackbaud Engineering System

Open Source

• Focus on workflow

• Empower users

• Maintain clean, cohesive interface

Principles

• AngularJS

• Angular

• CSS

• SASS

• CDN

• NPM

Implementation Details

• Documentation-oriented features

• Additional visual components

• Markdown, code samples, and more

Documentation with Stache

SDK: BUILDER, CLI

NodeJS-based extensible CLI. Handles

testing, building, deploying, and hosting.

SKY API®

REST APIS FOR BLACKBAUD SOLUTIONS

What is SKY API®?

SKY API® provides developers with access to open,

industry-standard REST APIs for Blackbaud

solutions.

• Documentation

• Guides/tutorials

• Code samples

• App registration

• SKY API console

Developer Portal

SKY Add-ins

EXTENDING THE USER EXPERIENCE

What are SKY Add-ins?

Extend the Blackbaud user experience by

embedding contextual UI components within our

solutions.

• Custom tiles

• Visualizations

• Future• Custom tabs

• Buttons

• Pages

• Menu/Navigation

Types of add-ins

Write-one, run-anywhere!

Deployed to your cloud!

Uses standard web technologies!

SKY Add-in Key features

✓ Desktop

✓ Mobile

✓ Tablet

✓ Toaster?

✓ HTML, CSS, JavaScript

✓ ASP.NET, MVC

✓ PHP, Node.js

✓ Angular, React

✓ Azure

✓ Amazon

✓ Google

✓ On-premise

LIVE DEMO

To learn more about what was included in this agenda, visit:

developer.blackbaud.com

@benjeLambert

@simplyearl

linkedin.com/in/ben-lambert-1657a139

linkedin.com/in/bobbyearl

Tell us in a session survey on the mobile app, and you’ll be entered to win a complimentary pass to bbcon 2020 in Seattle, WA!