Umbraco para desevovedores
-
Upload
vitor-meriat -
Category
Technology
-
view
419 -
download
1
description
Transcript of Umbraco para desevovedores
![Page 1: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/1.jpg)
CMS Umbraco para Desenvolvedores
Vitor Meriat@vitormeriat
![Page 2: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/2.jpg)
Conceito
![Page 3: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/3.jpg)
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
![Page 4: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/4.jpg)
• 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
![Page 5: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/5.jpg)
![Page 6: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/6.jpg)
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
![Page 7: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/7.jpg)
Fácil de usar
![Page 8: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/8.jpg)
Portal intuitivo
![Page 9: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/9.jpg)
Suporte a multilinguagens
![Page 10: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/10.jpg)
Suporte ao Microsoft Word
![Page 11: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/11.jpg)
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
![Page 12: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/12.jpg)
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.
![Page 13: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/13.jpg)
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
![Page 14: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/14.jpg)
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’
![Page 15: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/15.jpg)
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.
![Page 16: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/16.jpg)
UMBRACO
MACRO
USER
CONTROLSRAZORXSLT
Macros
![Page 17: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/17.jpg)
Macros - RAZOR
![Page 18: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/18.jpg)
Macros - User Controls
![Page 19: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/19.jpg)
Macros - XSLT
![Page 20: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/20.jpg)
Listando Produtos
![Page 21: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/21.jpg)
Exibindo Produtos
![Page 22: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/22.jpg)
![Page 23: Umbraco para desevovedores](https://reader034.fdocument.pub/reader034/viewer/2022052622/55974fa91a28abd9018b47f6/html5/thumbnails/23.jpg)