Overview GraphQL is an open-source data query and manipulation language for APIs. GraphQL offers many benefits over REST API's, including: Fetching data across multiple sources from a single API call Returns only the data that is requested Supports validation and type checking Autogenerating API documentation In this video, I'll show you how to construct a sample GraphQL query to fetch data in ServiceNow and then how we can use GraphQL inside of a ServicePortal widget. GraphiQL To start, I would recommend you download GraphiQL, a GUI for editing and testing GraphQL queries and mutations. You can download it here: https://www.electronjs.org/apps/graphiql The GraphQL Endpoint is: https://instance-name.service-now.com/api/now/graphql Documentation In order to use the documentation and auto-completion, you'll need to enable the glide.graphql.introspection_enabled system property. Service Portal Widget You can download the widget update set here: It's compressed as a ZIP file, so remember to uncompress before uploading. Example GraphQL Query [crayon-61e8b83dd6d30285069865/] Further Reading https://graphql.org/ https://www.howtographql.com/ https://docs.servicenow.com/bundle/paris-application-development/page/integrate/graphql/concept/scripted-graph-ql.html If you have any questions or comments, please don't hesitate to comment below.
OVERVIEW We created an interactive, content-driven portal for Thermo Fisher’s HR Department. See how we helped this life sciences company improve the employee experience and drive engagement through a user-centered portal design, complete with employee onboarding, targeted content, and campaigns. PROJECT HIGHLIGHTS Targeted ContentTarget relevant information based on employees’ specific situations Easy on AdminsMake campaigns easier to stylize and create by dynamically resizing campaigns and editing content in real-time Topic-CenteredOrganize pages around topics to bring together catalog content, knowledge articles, related links, and targeted content Translation AssistantUse our Translation Assistant solution to localize the portal and its content for employees around the world Learn more about the details of this project by reviewing the full case study featured on the NewRocket website:
This year’s Paris release is full of great new functionality and updates to the ServiceNow platform. Needless to say, there were a ton of features to cover, so instead of compiling an enormous list, I’ve put together this video of my personal top 5 features. I bet at least a couple of these will surprise you! Check out the video. Let me know in the comments below if you agree or if you feel there is a big feature that should have made the list. The official release notes can be found here: https://docs.servicenow.com/bundle/paris-release-notes/page/release-notes/family-release-notes.html
OVERVIEW We created a digital experience that puts content management and employee communication in focus. See how this global nonprofit organization was able to effectively manage content, employee communications, and engagement using the NewRocket Orbit CMS on top of the ServiceNow platform. PROJECT HIGHLIGHTS Content OwnershipHelped leaders and team members maintain content without bottlenecks Integration with CommunityIntegrated ServiceNow’s Community plugin for event registration, blog content, forums, and key points of interest System of EngagementEmbedded gamification to keep employees engaged in the platform Multi-Department IntranetMaintained consistency across departments while allowing each department to own its experience Learn more about the details of this project by reviewing the full case study featured on the NewRocket website:
This year our NewRocket team had the opportunity to build an application for ServiceNow's Hackathon during Knowledge 2020. They had roughly 48 hours to build a functional app that fell within one of five specified categories. Choosing the Social Good category, our team developed a dynamic, personalized hub with relevant information and resources. Introducing Reach! People from all backgrounds are feeling overwhelmed trying to find reliable information and local resources under stressful conditions. With a new set of challenges, comes an opportunity for innovative solutions. Using ServiceNow to Help Others in Need The Reach application uses core platform capabilities, the CSM application, and personalization algorithms to make a difference locally, by creating a dynamic, personalized hub for information and resources. The Reach suggestion algorithm uses user preferences to feed content into the dynamic layout algorithm which embeds widgets into the proper location on the page - resulting in an attractive, personalized experience. This personalization complements and extends the concepts of campaigns and user criteria. The layouts themselves are easily configurable through modifications in the theme style sheet. This overcomes the static layout limitations of the current Service Portal framework. Community organizers can control content and moderate content contributed by the community. Because of the flexibility of the suggestion and layout algorithms, nearly any type of content can be easily surfaced throughout the site. To make the system even more adaptive, future versions could use ServiceNow’s machine learning to drive suggestions. Reach can be customized and used by cities of any size - whether they’re promoting summer events or resources for natural disasters. The personalized home pages can revolutionize the corporate intranet. Reach: The app that helps people reach information and one another, just when they need it most.
I hope that you're enjoying the Knowledge 2020 Digital Experience as much as I am! Over the next three weeks, the NewRocket team and I will be hosting webinars and would love to have you join us! We will be covering three main topics with live demos so don't miss out! Register for the webinars below and I will see you online. Extraordinary Portal Experiences Wednesday, May 13th at 4:00pm Pacific Time Thursday, May 14th at 8:00am Pacific Time Native Mobile Apps Wednesday, May 20th at 4:00pm Pacific Time Thursday, May 21st at 8:00am Pacific Time Digital Workplace & Intranet Solutions Wednesday, May 27th at 4:00pm Pacific Time Thursday, May 28th at 8:00am Pacific Time
In these unusually volatile times, the corporate intranet plays an essential role in communicating timely information to a workforce faced with collaborating and working remotely more than ever before. As employees around the world log in to work from their homes (cue the kid noises), the enterprise intranet enables rapid dissemination of corporate communications. Employees need the reassurance of being able to reach out to their IT and HR organizations to request services and get timely information. This is where we see a great opportunity for organizations to go beyond an information dumping ground and to invest in leveraging ServiceNow, the industry leading enterprise platform as a service, to build an intranet that truly empowers the digital workplace experience. I’d like to offer a few thoughts about why ServiceNow offers significant advantages over traditional approaches to the corporate intranet. And, let’s face it, virtual workforces need all of the advantages they can get. Effective Communication Let’s start with the basics: getting information out there. The traditional intranet is often the default home page each and every time an employee opens a browser tab. That’s great, but what if the information they see every time isn’t relevant or even current? A ServiceNow based intranet overcomes this problem with methods to target content more effectively. Using campaigns, content delivery, and user criteria features, you can get the right information to the right audience at the right time. The adaptive, personalized pages you can build with Service Portal have far more impact and benefit than the static, generic pages you get with a traditional intranet. We’ve met with several companies who have spun up Covid-19 information sites. These are useful, but many of them present the same information to everyone. With ServiceNow, you have the opportunity to quickly tailor that information based on the employees’ location and role. Coordinated Engagement But why stop at just broadcasting information? What if you could make the content more engaging? Keep in mind that engagement isn’t just about making the information more interesting to consume. It’s about using the information as a springboard for coordinated action. With ServiceNow, you have an opportunity for your content to do that. At its core, ServiceNow coordinates processes. Rather than taking the traditional intranet approach and having employees simply click a link from the content to continue some process in another tool, use the power of ServiceNow to create content employees can act on within the context of the same page to get more information, take action, engage others, and complete a task. For example, those same Covid-19 information sites could combine basic information with catalog items relevant to conferencing systems as well as community forums for employees to share experiences and recommendations. That smooth transition from consumption to engagement to coordination sets ServiceNow apart. Extensible Platform Many traditional intranet platforms suffer from rigor mortis. They just aren’t built for extensibility and remain rigid, waiting for their creator to enliven them with a new feature. This is definitely not the case for ServiceNow. Built as an extensible platform, ServiceNow, and particularly Service Portal, can adapt to new requirements easily. The interface that you create and surface on the intranet can be energized by business rules, security, integrations and workflow like any other ServiceNow application. Need a trading application to help employees deal with toilet paper shortages? Build it in record time on ServiceNow. When the crisis is over, transform it into an engaging marketplace for employees to trade far less critical but far more fun things like vintage records (you know the ones that were great at drowning out the family noises while working from home but remind you too much of when you had to work from home). A change in perspective is perhaps the biggest change this global crisis will force upon us. Fortunately, it is with a different perspective that we discover the best solutions. I encourage you to take a moment and consider how combining ServiceNow’s unique offerings channeled through the powerful capabilities and flexibility of the Service Portal can create a more engaging and empowering intranet experience. An experience that will carry you through the worst of times and the best of times. For more information or to set up a consultation about intranet solutions using ServiceNow, visit our website. Learn More
The Knowledge 2020 Digital Experience is just around the corner and we want to talk with you! The team and I will be hosting sessions, scheduling live demos, and meeting with you about everything portals and user experience. If you would like to schedule some time to meet, fill out this quick form and we will arrange a time to meet with you. We'll see you in May! [contact-form-7 id="56309" title="Knowledge 2020"]
UI Bootstrap in Service Portal You may already be familiar with the $uibModal service in Service Portal, but did you know there is a whole library of useful directives and services available in UI Bootstrap? UI Bootstrap is a client-side library of Bootstrap components written in AngularJS and contains 20 directives that offer a consistent framework, responsive design, and cross-browser compatibility when developing in Service Portal. Although UI Bootstrap is considered feature-complete and is no longer being maintained, Service Portal currently includes UI Bootstrap version 1.1.2. Here are the UI Bootstrap directives. Accordion (ui.bootstrap.accordion) The accordion directive builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item’s header. Alert (ui.bootstrap.alert) This directive can be used both to generate alerts from static and dynamic model data (using the ng-repeat directive). Buttons (ui.bootstrap.buttons) With the buttons directive, we can make a group of buttons behave like a set of checkboxes (uib-btn-checkbox) or behave like a set of radio buttons (uib-btn-radio). Carousel (ui.bootstrap.carousel) Carousel creates a carousel similar to bootstrap’s image carousel. Collapse (ui.bootstrap.collapse) Resize window to less than 768 pixels to display mobile menu toggle button. Dateparser (ui.bootstrap.dateparser) The uibDateParser is what the uib-datepicker uses internally to parse the dates. You can use it standalone by injecting the uibDateParser service where you need it. Datepicker (ui.bootstrap.datepicker) The datepicker is flexible and fully customizable. You can navigate through days, months and years. Dropdown (ui.bootstrap.dropdown) Dropdown is a simple directive that will toggle a dropdown menu on click or programmatically. Modal (ui.bootstrap.modal) $uibModal is a service to create modal windows. Creating modals is straightforward: create a template and controller, and reference them when using $uibModal. Pager (ui.bootstrap.pager) A lightweight pager directive that is focused on providing previous/next paging functionality. Pagination (ui.bootstrap.pagination) A lightweight pagination directive that is focused on providing pagination & will take care of visualizing a pagination bar and enable/disable buttons correctly! Popover (ui.bootstrap.popover) A lightweight, extensible directive for fancy popover creation. The popover directive supports multiple placements, optional transition animation, and more. Position (ui.bootstrap.position) The $uibPosition service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc…). Progressbar (ui.bootstrap.progressbar) A progress bar directive that is focused on providing feedback on the progress of a workflow or action. Rating (ui.bootstrap.rating) Rating directive that will take care of visualizing a star rating bar. Tabs (ui.bootstrap.tabs) AngularJS version of the tabs directive. Timepicker (ui.bootstrap.timepicker) A lightweight & configurable timepicker directive. Tooltip (ui.bootstrap.tooltip) A lightweight, extensible directive for fancy tooltip creation. The tooltip directive supports multiple placements, optional transition animation, and more. Typeahead (ui.bootstrap.typeahead) Typeahead is an AngularJS version of Bootstrap v2’s typeahead plugin. This directive can be used to quickly create elegant typeaheads with any form text input. Check out the full UI Bootstrap documentation here: https://angular-ui.github.io/bootstrap/ How have you used the UI Bootstrap directives in your Service Portal projects? Let me know in the comments below.