---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Noções básicas sobre o Portal de serviços

# Noções básicas sobre o Portal de serviços {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura

Portal de serviços fornece uma estrutura de interface do usuário modular para a criação rápida e fácil de portais de aplicações e painéis para a plataforma. Ele ajuda desenvolvedores e administradores não técnicos a criar experiências de usuário atraentes e envolventes que impulsionam a adoção dos funcionários de aplicações empresariais críticas.

## Como usar Portal de serviços

Portal de serviços É uma aplicação incluída na IU da plataforma, no entanto, inclui uma camada visual para você fazer a maior parte da configuração. No navegador de aplicações, navegue até Portal de serviçosConfiguração do Portal de serviços para exibir a página de configuração.

. Portal de serviçosa página de configuração fornece uma maneira exclusiva e intuitiva de exibir todas as partes do seu portal e como elas interagem umas com as outras. A página de configuração permite que você aproveite uma visualização em tempo real enquanto define as configurações do portal. Use cada um dos blocos na página inicial de configuração para montar os diferentes componentes do seu portal.

Se você preferir o layout da plataforma para configuração Portal de serviços, Você ainda tem a opção de criar os componentes do portal na IU da plataforma. As duas opções não são separadas. Tudo o que você cria no Portal de serviçosA página de configuração também aparece em uma tabela na IU da plataforma.

## Quem pode usar Portal de serviços

Vários tipos diferentes de usuários podem configurar um portal.

* Codificação limitada: Portal de serviçosO foi projetado para que até mesmo usuários com capacidade de codificação limitada ou conhecimento da IU da plataforma possam configurar um portal.
* ServiceNowEspecialistas: Usuários com uma compreensão do ServiceNowA plataforma pode criar portais, configurar redirecionamentos de URL e exibir todos os componentes do portal em uma tabela. A maioria das configurações do portal ocorre no Portal de serviçospágina de configuração, mas em circunstâncias específicas, Portal de serviçosos administradores podem precisar fazer configurações adicionais diretamente na plataforma.
* Personalizações avançadas e criação de novos widgets são tarefas para um desenvolvedor ou alguém que entende AngularJS e Twitter Bootstrap.

{#sp-what-to-know__ul_oll_jwd_px}Em todos os casos, o usuário que configura um portal deve ter o. administrador ou sp_admin função.

## Conceitos básicos

Você deve ter uma compreensão básica de todos os seguintes componentes que compõem um portal:

* [Temas](https://servicenow-prod.fluidtopics.net/1XLjBxsP3TBaSFyAlsyYig "Uso Editor da Identidade Visualpara dar ao seu portal sua própria aparência."): Os temas definem a aparência de todo o portal, mas podem ser substituídos por outras configurações de estilo.
* [Páginas](https://servicenow-prod.fluidtopics.net/ZuCWXavP6JKVtspb_QM_lw "Use as páginas para organizar conteúdo, garantir otimização responsiva para dispositivos móveis e projetar experiências de usuário significativas do portal para seus clientes. Uma página abriga contêineres e linhas, que contêm widgets. Ao manipular o layout da página e os widgets dentro dela, você pode criar a experiência de usuário desejada."): As páginas controlam onde e como você armazena o conteúdo do portal. As páginas não têm um relacionamento definido com os registros do portal, elas simplesmente existem.
* [Widgets](https://servicenow-prod.fluidtopics.net/d6PHYTEQvBtfBuTGncGLbg "Os widgets são o que definem o conteúdo das páginas do portal. Você pode usar os widgets do sistema base fornecidos com Portal de serviços, clone e modifique widgets ou desenvolva widgets personalizados para atender às suas próprias necessidades."): Componentes em Portal de serviçossão chamados widgets. Você pode usar modelos HTML, CSS, scripts de cliente, scripts de servidor e quaisquer dependências de JavaScript para definir o que um widget faz. Do ponto de vista do AngularJS, widgets são essencialmente um superconjunto de uma diretiva angular.
* A maioria dos dados no Portal de serviços é gerenciada em locais diferentes em todo o sistema.Por exemplo, se você estiver criando um portal de conhecimento, os dados existirão no Portal de serviços, mas os artigos de conhecimento serão criados e gerenciados na aplicação Conhecimento. O mesmo se aplica a qualquer outro tipo de conteúdo que você planeja aproveitar. Reserve um tempo para entender quais tabelas contêm e controlar os dados com os quais você está trabalhando em Portal de serviços.

{#sp-what-to-know__ul_st3_pb1_jx}

## Antes de começar {#sp-what-to-know__section_y3y_ll3_xz}

Considere o seguinte antes de configurar Portal de serviços:

* Para quem você está criando seu site e por quê?
* Que informações você deseja incluir em seu site?
* O que você deseja que a experiência móvel seja para os usuários?
* Quais aplicações de plataforma você planeja usar em seu portal?Você pode usar partes da plataforma, como artigos de conhecimento e itens do catálogo, como o conteúdo do seu portal.

  Por exemplo, se você estiver criando um portal de conhecimento, o conteúdo será exibido em Portal de serviços, Mas os artigos de conhecimento são criados e gerenciados na aplicação Conhecimento. O mesmo se aplica a qualquer outro tipo de conteúdo que você planeja aproveitar. É importante dedicar um tempo para entender a estrutura da tabela de dados para se familiarizar com o conteúdo.
* Seu catálogo de serviços é personalizado? Os scripts de cliente do catálogo e as políticas de IU só funcionam em Portal de serviçosse eles usarem o. [Mobile GlideForm API](https://developer.servicenow.com/app.do#!/api_doc?v=istanbul&id=c_MobileGlideForm_API), portanto, talvez você precise fazer algumas mudanças.
{#sp-what-to-know__ul_nvf_zyf_2w}

## Recursos adicionais {#sp-what-to-know__section_j3d_mwq_mz}

Portal de serviços é construído usando várias tecnologias bem conhecidas. Use os seguintes sites como recursos para ajudar você a entender e configurar seu portal:

* [Twitter Bootstrap](http://getbootstrap.com/css/#grid)
* [CSS 3 Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
* [AngularJS](https://docs.angularjs.org/guide)
{#sp-what-to-know__ul_tv1_xkw_xy}
* **[Principais conceitos do Portal de serviços](https://servicenow-prod.fluidtopics.net/i35vtp0Z~0iWqa2G88F~5g)**   
  Portal de serviços contém duas partes: uma estrutura e um portal. A estrutura é composta por um conjunto de APIs, serviços Angular, diretivas e ferramentas que ajudam a criar portais. O portal é um grupo de páginas vinculadas por IDs de página.
* **[Página de configuração do Portal de serviços](https://servicenow-prod.fluidtopics.net/p82QgUKX7_vY0N7yW31eXQ)**   
  Mais Portal de serviçosa configuração pode ser acessada por meio de Portal de serviçospágina principal da página de configuração.
* **[Navegação de página em Portal de serviçosPor URL](https://servicenow-prod.fluidtopics.net/AGPWcvBoGUt~wbjthGNz0g)**   
  Você pode navegar até um portal ou uma página no Portal de serviçosUsando um URL.
* **[Gestão de conteúdo e. Portal de serviços](https://servicenow-prod.fluidtopics.net/7LX7iLOt24sX9zbOxaqwuw)**   
  Portal de serviços É uma alternativa atraente ao Sistema de gestão de conteúdo (CMS) com uma experiência de usuário refinada. Não duplica a funcionalidade de IU da plataforma ou do CMS. Os usuários que têm experiências sofisticadas fornecidas por meio do CMS podem precisar investir tempo na transição para Portal de serviços, Especialmente se a implementação do CMS incluir complexa e personalizada Catálogo de serviçosformulários.

