CMS Umbraco para Desenvolvedores

Vitor Meriat@vitormeriat

Conceito

O que é o Umbraco

• CMS – Sistema Gerenciador de Conteúdo

• Criar, editar, gerenciar e publicar conteúdo na web de forma consistente e organizada

• Simples, bonito, intuitivo

• Tecnologia baseada em Browser (IE, FF, Safari, Chrome)

• Simples gestão do fluxo de trabalho • Diferentes papeis de usuários• Controle de versão• Agendamento• Notificação

• Open source, ASP.NET, C#

• Multilingual, translation interface

• Document types

• Master pages - Templates

• XSLT ou .NET User controls - Macros

• API

• Event model

O que é o Umbraco

Portal de gestão do Umbraco

• Para acessar o portal de gestão Umbraco do seu site, é só utilizar “/Umbraco/” após a url do seu site

• Examplo - http://localhost:1605/Umbraco/

• No portal de gestão do Umbraco é possível:

• Content

• Media

• Users/Members

• Permissions

• Content Types

• E outras configurações

Fácil de usar

Portal intuitivo

Suporte a multilinguagens

Suporte ao Microsoft Word

Seções do Site

• Use as ‘Sections’ para navegar.• Content

• Gestão das páginas ou tipos de conteúdos do site

• É possível incluir permissões específicas para os nós

• Media• Gerenciar os conteúdos de media como imagens, vídeos e afins.

• Users• Gestão dos usuários

• Settings• Gestão de Style Sheets, Templates (Master Pages), JavaScript e Document types

• Developer• Gestão de Data types, macros, scripts, and packages

• Members• Gestão dos members (users), públicos do site

Content

• Altere as propriedades de um item de conteúdo, selecionando-o no conteúdo do navegador.

• Com a exibição em árvore é possível navegar normalmente com em um sistema de pastas.

• Utilize as abas para ver as propriedades e definições do content type.

• Na aba Content existe um editor de texto rico para modificar o HTML da página de forma intuitiva.

Menu de Contexto

• Acesse o menu de context clicando com o botão direito no nó escolhido.

• Se você escolher criar um novo nó, ele serácriado como filho do nó anterior.

• Selecionando ‘sort’ é possível ordenar osfilhos do nó selecionado

Content

DocumentTypes

• Um document type é o fundamento de um nópara o seu site.

• O document type define as propriedades e abas que vão estar disponíveis para um determinado modelo.

• É possível definer modelos para usar um determinado document type.

• É possível definer a ‘estrutura’ para a criaçãode um document type.

• Por exemplo –

• Você cria um document type chamado‘Coleção de Livros’.

• Você cria outro document type chamado ‘Livro’.

• Você pode configurar a ‘Coleção de Livros’ para aceitar somente filhos do tipo ‘Livro’

Templates

• Um template define como o ‘Document Type’ vai ser exibido(renderizado).

• Suporta master pages aninhadas.

• Um novo nó de conteúdo pode usarqualquer Template permitido para o document type selecionado.

UMBRACO

MACRO

USER

CONTROLSRAZORXSLT

Macros

Macros - RAZOR

Macros - User Controls

Macros - XSLT

Listando Produtos

Exibindo Produtos