Novidades no desenvolvimento de site do SharePoint

Artigo
03/21/2023

Aprenda sobre o novo modelo de criação e publicação de sites no SharePoint que permite criar sites de publicação.

Introdução à publicação de sites para designers e desenvolvedores no SharePoint

Os seguintes recursos são novos no SharePoint e oferecem suporte para o fluxo de trabalho de criação do site do ECM (Enterprise Content Management) para sites de publicação.

Modelos de programação de clientes para publicação de desenvolvimento de sites

No SharePoint, você pode usar o modelo de objeto de cliente (CSOM) do .NET, o Silverlight e os modelos de programação do JavaScript para desenvolver sites personalizados, comportamentos, elementos de identidade visual e componentes do site. A maioria das APIs disponíveis para programação do .NET server estão disponíveis no (CSOM) do cliente .NET correspondente, Silverlight e assemblies JavaScript. Em alguns casos, APIs correspondentes também estão disponíveis nas bibliotecas do Windows Phone.

Para saber mais, confira as home pages de referência para sites e conteúdo para o servidor .NET, cliente .NET e JavaScript. Ou comece com a home page de referência se quiser começar na parte superior e explore o conteúdo de cada modelo de programação.

Como usar APIs de publicação e taxonomia com o novo modelo de aplicativo do SharePoint

Você pode escrever o código do servidor e cliente personalizado em Suplementos do SharePoint que estendem a publicação do SharePoint e a funcionalidade de taxonomia que está disponível para usuários por meio da interface do usuário (UI).

Algumas ideias para desenvolver aplicativos que melhoram a publicação de sites incluem pesquisas, aplicativos de gerenciamento de conta, suporte de comércio eletrônico, aplicativos que integram os recursos sociais e dados externos na publicação de sites, adições conteúdas terceirizadas a seus sites e aplicativos móveis complementares.

Recursos de criação, design e identidade visual

O SharePoint inclui recursos e APIs que você pode usar para criar, projetar, desenvolver marca e estender seu site, o design de sites e elementos de identidade e comportamentos.

Gerenciador de Design

Nas versões anteriores do SharePoint, a identidade visual a um site necessário especialistas técnicos sobre coisas como quais espaços reservados de conteúdo são necessários em uma página mestra ou como uma página mestra implementa determinadas classes de estilos. O SharePoint apresenta o Design Manager, uma nova interface e um hub central para gerenciar todos os aspectos da identidade visual do site do SharePoint. Você pode encontrar o Gerenciador de Design no site de nível superior do conjunto de sites. Ele faz parte do modelo de coleção de sites do Portal de publicação no SharePoint.

Gerenciador de design permite uma abordagem passo a passo para a criação de ativos de design que você pode usar para sites de marca. Carregue recursos de design (imagens, HTML, CSS etc.) e crie suas páginas mestres e os layouts de página. Você pode visualizar como seu design aparece em um editor de código do lado do cliente ou no servidor conforme você projeta. Você pode adicionar componentes personalizados do SharePoint e os elementos da faixa de opções usando o Gerenciador de Design de UI. O Gerenciador de Design gera snippets HTML que podem ser usados por qualquer ferramenta de design da Web, ele renderiza HTML e ignora ASP.NET e marcação do SharePoint (enquanto o SharePoint renderiza apenas ASP.NET e marcação do SharePoint e ignora HTML.md).

Você pode usar sua experiência em HTML, CSS e JavaScript para criar páginas mestras em HTML e layouts de página HTML no editor de HTML de sua escolha. Para conectar sua ferramenta de criação e design favorita ao seu site do SharePoint, mapeie uma unidade de rede e edite o arquivo do SharePoint como se fosse um arquivo local. Quando o design do seu site estiver pronto, carregue o HTML e os arquivos de suporte e use o Design Manager para converter o arquivo HTML em um arquivo de página mestra do ASP.NET (.master.md). Agora, aplique a página mestra ao seu site do SharePoint. Use o Gerenciador de Design para criar um novo layout de página, e a versão HTML dele é associada automaticamente à página ASP.NET correspondente (arquivo .aspx.md) que o SharePoint interpreta.

Após converter seus arquivos HTML, você pode usar seu editor de HTML para continuar refine sua estrutura, visualizar seus arquivos e salvá-los. Toda vez que você salvar as versões HTML da página mestra ou dos arquivos de layout de página, o SharePoint atualizará automaticamente a página mestra associada do SharePoint e os layouts de página para refletir as alterações.

Com o Gerenciador de Design, você só precisa editar os arquivos HTML enquanto você pode continuar gravar personalizadas páginas mestras e layouts de página usando suas habilidades de desenvolvimento do ASP.NET e o SharePoint, Gerenciador de Design permite que você projetar sites excelentes sem o conhecimento de desenvolvedor do SharePoint.

Se preferir, o SharePoint também inclui versões HTML de várias páginas mestras e layouts de página que você pode usar como modelos iniciais. Se quiser começar desses arquivos, crie uma cópia do arquivo HTML e edite-o como faria normalmente (cuidaremos para você do arquivo ASP.NET associado). Você também pode começar de um modelo básico usando a opção página mestra do modelo mínimo, que cria automaticamente o arquivo .master associado.

Galeria de Trechos de Código

O SharePoint contém vários componentes prontos para uso, como Web Parts e controles, que você pode adicionar a páginas do site. Por exemplo, inserindo um componente do SharePoint, como um controle de navegação ou de caixa de pesquisa em sua página mestra de HTML, você pode modo rápido e fácil criar muitas funções em suas páginas.

Na faixa de opções, no grupo Galeria de Trechos de Código, você pode selecionar um componente, configurar suas propriedades e atualizar o trecho de código, copiar o trecho de HTML gerado e colá-lo no seu arquivo HTML. O trecho de código HTML oferece uma visualização de alta fidelidade desse componente, tanto na visualização ao lado do servidor em seu editor de HTML de escolha. Depois de adicionar componentes do SharePoint para seus arquivos HTML, você pode usar CSS para totalmente marcá-los. E, assim como acontece com qualquer atualização para o arquivo HTML, depois de adicionar componentes do SharePoint e marca-los, as alterações são automaticamente sincronizadas ao layout de página ou página mestra associado. Os trechos de código HTML são convertidos automaticamente em componentes do SharePoint.

Se seu arquivo HTML for uma página mestra ou um layout de página, a Galeria de trecho mostra os componentes necessários. Se você não vir o trecho de código que você deseja, você pode criar um trecho HTML de marcação do ASP.NET e adicioná-lo à sua página mestra do HTML ou layout de página.

Gerenciador de design gera trechos de código HTML que podem ser usados por qualquer ferramenta de design da web basta renderiza HTML e ignora a marcação do ASP.NET e o SharePoint. O SharePoint processa a marcação apenas do ASP.NET e o SharePoint e ignora HTML.

Canais de dispositivo

No Design Manager, você cria canais de dispositivo e, em seguida, mapeia-os para dispositivos móveis ou navegadores usando substrings da cadeia de caracteres do agente de usuário de cada dispositivo de entrada. Um dispositivo pode pertencer a vários canais, portanto canais podem ser classificados. Por exemplo, se você criar canais de dispositivo para "telefones inteligentes" e "Windows Phone 8", você pode classificar os canais de forma que os dispositivos que executam o Windows Phone 8 obtém o canal especificamente atribuído a eles, enquanto todos os outros inteligente telefones conteúdo get associado ao canal "telefones inteligentes".

Depois de definir canais, mapear uma página mestra para cada um deles. Esta página mestra pode fazer referência a um arquivo CSS diferente da página mestra para o canal de padrão. Todos os layouts de página que você criar funcionará com todos os canais que você criar; para diferenciar os designs de layout de página entre canais, use o controle do Painel de canal do dispositivo.

Os sites de publicação no SharePoint são otimizados para o desenvolvimento móvel. Você pode usar o recurso de canais do dispositivo para definir os canais para um ou mais dispositivos oferecendo você bem ajustado controle sobre a experiência de usuários móveis como seu site. Você pode atribuir uma página mestra alternativa para cada canal, dando a ele uma chrome exclusivo. Você pode optar por incluir ou excluir partes de qualquer layout de página em um canal e visualização como móvel design de canal está em andamento enquanto ele está sendo desenvolvido. Canais de dispositivo são projetados com a otimização do mecanismo de pesquisa (SEO) em mente. Você pode usá-los para transformar a aparência das páginas existentes para dar suporte a cenários móveis.

Você pode usar canais para forçar renderizações específicas apareça em dispositivos específicos isto é chamado forçando canais. Isso é útil em cenários móveis onde você definiu uma renderização que é ideal para um dispositivo móvel específico.

Controle do Painel de Canal do Dispositivo

O painel de canal de dispositivo é um novo controle que você pode incluir em um layout de página para controlar o conteúdo é renderizado no qual canal. O painel de canal de dispositivo é um contêiner que é mapeado para um ou mais canais: se um ou mais desses canais estão ativos quando a página é processada, todo o conteúdo do painel de canal de dispositivo são processados. O painel de canal do dispositivo ajuda a determinar quando a inclusão de conteúdo específico para canais específicos.

Modelos de exibição

Você talvez queira controlar o formato e a apresentação dos resultados de pesquisa no seu site. Você pode fazer o que usando modelos de exibição, que se estenda as opções disponíveis para personalizar os resultados da pesquisa por meio da interface de usuário, além de mapear os campos predefinidos que você deseja exibir.

Existem três contextos quando quiser usar modelos de exibição com resultados de pesquisa quando você deseja mapear como a estrutura geral dos resultados da pesquisa são apresentadas, quando você deseja mostrar grupos de resultados, e quando você deseja mostrar como definir a cada resultado, ou um item, o resultado será exibido. Estes são chamados modelos de controle, o grupo e o Item, respectivamente.

Para saber mais sobre modelos de exibição, confira Modelos de exibição do SharePoint Design Manager.

Renderizações de imagem

Você pode usar representações de imagem para exibir imagens carregadas em tamanhos, larguras e culturas predefinidos. Você pode criar mais de uma representação de um arquivo de imagem de origem, que significa que você pode definir as características de exibição de uma vez e aplicá-las a qualquer número de imagens. Por exemplo, uma representação denominada Article_image exibe uma imagem em tamanho normal em um artigo, enquanto a representação denominada Thumbnail_small exibe uma versão menor da imagem em um contexto que você define.

Antes de poder usar renderizações de imagem, certifique-se de que o cache BLOB é habilitado no servidor, o que você pode fazer nas ferramentas de administração de serviços de informações da Internet (IIS). Encontre seu arquivo web.config nele e habilitar o cache BLOB. Atualize a página e reprodução de imagens estarão disponíveis.

Os recursos EMM (metadados gerenciados corporativos) introduzidos são aprimorados e estendidos no SharePoint para melhorar o desempenho, facilitar o acesso por meio da interface do usuário e da navegação orientada por taxonomia, chamada de navegação gerenciada.

Navegação gerenciada é a alternativa baseada em taxonomia para o recurso de navegação tradicional do SharePoint chamado navegação estruturada que baseia-se na estrutura do SharePoint. O recurso de navegação gerenciada permite projetar uma navegação do site que é conduzida por metadados gerenciados. Navegação gerenciada cria URLs amigáveis SEO derivados da estrutura de navegação gerenciada. Porque a navegação gerenciada é orientada por taxonomia, você pode usá-lo à navegação do site de design em torno de conceitos importantes de negócios sem alterar a estrutura dos sites ou componentes do site.

Web Part de Pesquisa de Conteúdo

Você pode usar a Web Part de Pesquisa de Conteúdo (CSWP) para exibir dados de pesquisa em suas páginas. Ela serve a uma função semelhante à da Web Part de Consulta de Conteúdo, mas serve metas de design do site diferentes. Estilos CSWP são mais fáceis de personalizar que os estilos de Web Part de Consulta de Conteúdo. CSWP retorna resultados de cliente no formato JSON. No servidor, você pode personalizar os resultados usando modelos de exibição.

Outras melhorias de metadados gerenciados para sites

O SharePoint apresenta várias melhorias na funcionalidade e na interface do usuário de metadados gerenciados. Para saber mais, confira Metadados gerenciados e navegação no SharePoint.

Conteúdo de publicação no SharePoint

O SharePoint oferece novos recursos de publicação de conteúdos que permitem desenvolver sites de publicação que oferecem suporte a novas topologias e cenários mais flexíveis e complexos.

Pacotes de design

Se você for um profissional de web designer, convém criar e testar um design em seu próprio ambiente ou de um conjunto de sites antes de manuseá-la para instalar em outros conjuntos de sites. Se você estiver usando a publicação intersite para compartilhar conteúdo entre conjuntos de sites, convém empacotar e instalar o mesmo design em cada site.

Nas versões anteriores do SharePoint, se você quisesse reutilizar um design, teria que usar o Visual Studio para criar um pacote de solução do SharePoint (arquivo .wsp). Depois, no site de destino, você carregaria o pacote na Galeria de soluções e o executaria. Agora, no SharePoint, depois de concluir o design do site, você pode escolher Exportar pacote no Gerenciador de Design para exportar um único arquivo .wsp chamado pacote de design. Ao exportar um pacote de design, o SharePoint cria automaticamente um pacote com todos os conteúdos que você adicionou ou alterou na Galeria de Páginas Mestras, Biblioteca de Estilos, Galeria de Temas, lista de Canais de Dispositivo e tipos de conteúdo de página em um pacote de design.

Observação

Um pacote de design não inclui páginas, configurações de navegação ou o repositório de termos.

Para websites públicos do Office 365, pacotes de design não substitua os arquivos existentes. Instalando um pacote de design cria uma nova pasta na Galeria de páginas mestras, Galeria de estilos e onde os ativos de design são isolados de galeria de temas.

Quando você importa um pacote de design, os ativos de design no pacote de substituir os arquivos existentes e são aplicados como o design atual do site. Página mestra padrão e o sistema do site, tema e alternativo CSS são definidas de arquivos no pacote de design. Com os pacotes de design, um design criado em um ambiente facilmente pode ser aplicado a outro ambiente separado.

Catálogos

A publicação de sites do SharePoint apresenta catálogos, que permitem incorporar listas aos seus sites de publicação. Catálogos Habilitar conteúdo a ser publicado em conjuntos de sites os recursos de publicação intersite dependem de catálogos. Você pode usar catálogos realmente reutilizar conteúdo nos seus sites e através da fronteira entre seus sites de intranet, sites da Internet e sites da extranet. Para consultas de pesquisa predefinidos, catálogos são sinalizados na pesquisa. Você pode criar conteúdo armazenado em catálogos entre coleções de sites usando a Web Part (CSWP) da Pesquisa de Conteúdo. Você pode escrever código personalizado para preencher catálogos, conectar um catálogo de produtos a um site e refinar páginas individuais com layouts, Web Parts e conteúdo HTML de página personalizados que aparecem apenas no contexto definido.

Controles de renderização do lado cliente

Todos os novos controles no SharePoint são renderizados no lado do cliente. Como designer ou desenvolvedor, você tem controle sobre como o conteúdo é renderizado na página e pode usar várias técnicas de design para obter a aparência e os comportamentos desejados nas páginas publicadas usando recursos como Web Part de Pesquisa de Conteúdo e modelos de exibição. Os dados são gravados nos controles em uma matriz JSON do lado do cliente e você pode exibir o conteúdo usando JavaScript, CSS e modelos.

Publicação entre sites

O Microsoft SharePoint apresenta um recurso de publicação entre sites que permite reutilizar o conteúdo em vários conjuntos de sites. Ele usa capacidades de pesquisa internas para habilitar cenários de publicação e arquiteturas. Pela primeira vez, você pode criar sites que entre farms do SharePoint habilitando os sites englobe o limite entre intranets e a Internet.

Use o recurso de páginas de tópico para personalizar a experiência de página de aterrissagem para conteúdo publicado entre sites. Use URLs amigáveis SEO para gerenciar e mais facilmente persistir e manter a estrutura do site em uma ampla variedade de cenários incluindo topologias de site multilíngüe complexos.

Para saber mais sobre publicação entre sites, consulte Cenário: Criar sites do SharePoint usando publicação entre sites no SharePoint. Para saber mais sobre as opções de desenvolvimento para publicação entre sites, confira Publicação entre sites no SharePoint.

Aprimoramentos de SEO

Muitos usuários de sites de negócios são encaminhados para sites de negócios da Internet pelos grandes mecanismos de pesquisa, como o Bing e seus concorrentes globais. O SharePoint inclui recursos como URLs amigáveis, redirecionamentos de home page, sitemaps XML, propriedades de SEO personalizadas que permitem definir com flexibilidade o título do navegador e descrições e <palavras-chave da marca Meta> e URLs mais fáceis de entender para variações de site multilíngues.

Office 365, a infraestrutura de site gera um mapa do site atualizado XML para você dentro de 24 horas de uma alteração de site. Com uma instalação local, você pode ajustar a atualização dos mapas do seus site e especificar quais mecanismos de pesquisa que você deseja que a Microsoft ping quando atualizamos o mapa do site.

O que seus amigos curtem no Facebook afeta o que você vê nos resultados de pesquisa retornados pelo Bing e outros grandes mecanismos de pesquisa. Você pode usar APIs em modelos de programação do SharePoint para personalizar a maneira como a pesquisa é otimizada para o seu site.

Análises e recomendações

Você pode acompanhar como as pessoas usam sites de publicação e seus componentes usando o recurso de análise do SharePoint, que está profundamente integrado ao mecanismo de pesquisa. Análise drives capacidades de recomendações no conteúdo e insere os cálculos para o índice de pesquisa como propriedades gerenciadas. As recomendações fornecidas pela análise de pesquisa, que incluem modos de exibição de página e itens exclusivos por dia, podem influenciar a relevância dos resultados da pesquisa.

Análise torne os dados anônimos e acumula a cada 15 dias. Análise limpa eventos cada 15 dias e, depois, mensal após 3 anos. Modos de exibição de tempo de vida sempre são mantidos. O conteúdo visitados a mínimos é cortado antes de análise envia dados de agregação para um banco de dados de relatório. Você pode usar o código personalizado para exportar dados para o Excel de banco de dados de relatórios, personalizar o peso do evento View e criar eventos personalizados incluindo aqueles enviados pelo JavaScript.

Variações e sites multilíngue

Você pode usar o recurso de variações no SharePoint para criar sites multilíngues ou outros sites em que deseja variar a apresentação do conteúdo. O recurso de variações é limitado a um conjunto de sites. Ou seja, você pode criar "variantes" de idioma/localidade de destino de um idioma/localidade de origem como sites atuais no mesmo conjunto de sites do SharePoint. As variações dão suporte a URLs amigáveis e à capacidade de exportar ou de importar conteúdo para tradução por um terceiro no formato de arquivo XLIFF. Você pode incluir rótulos, uma página para tradução e replicação, uma variedade de itens de lista (por exemplo, bibliotecas de documentos.md) e navegação em pacotes de exportação.

Share via