O que é Web Part? Web Parts é um conjunto integrado de controlos que permitem aos utilizadores modificar o conteúdo, aparência e comportamento de páginas.

Apresentação em tema: "O que é Web Part? Web Parts é um conjunto integrado de controlos que permitem aos utilizadores modificar o conteúdo, aparência e comportamento de páginas."— Transcrição da apresentação:

0 Web Parts

1 O que é Web Part? Web Parts é um conjunto integrado de controlos que permitem aos utilizadores modificar o conteúdo, aparência e comportamento de páginas Web directamente de um browser. “Personalization” permite que estado ou propriedades das Web Parts persistam para além de uma sessão. “Personalization” é realizada por: Provider Data store

2 Controlos de Web Parts Os controlos de Web Parts dividem-se em três grupos: Controlos de interface do utilizador de Web Parts. Componentes estruturais da interface do utilizador Personalização

3 Hierarquia de Controlos Web Parts
Controlos de Interface de Web Parts Componentes Estruturais da Interface Personalização

4 Personalização As alterações efectuadas pelos utilizadores nas páginas ou nos controlos podem ser armazenadas para manter as preferências pessoais dos utilizadores em sessões futuras (personalização). Este recurso de Web Parts permite aos programadores dotar os utilizadores de capacidades que lhes permitem personalizar a Aplicação Web dinamicamente, sem intervenção do programador ou do administrador.

5 Personalização A informação personalizada é armazenada automaticamente numa base de dados Microsoft SQL Server gerada pelo ASP.NET Qualquer controlo Web Parts pode ser sujeito a Personalização, bastando para isso activar a propriedade Personalizable do controlo. Além de controlos personalizados derivados da classe WebPart, qualquer outro controlo pode ser personalizado já que podem ser utilizados como Web Part Controls.

6 Personalização WebPartManager WebPartPersonalization
Coordena todas os componentes Web Parts de uma página, Inibe ou permite a personalização Controla os diferentes modos de exibição que uma página pode ter (BrowseDisplayMode, DesignDisplayMode, EditDisplayMode, CatalogDisplayMode e ConnectDisplayMode). WebPartPersonalization Implementa a lógica necessária para executar acções de personalização

7 Componentes Estruturais da Interface
Actuam como gestores de layout Definir página modular de orientação horizontal ou vertical Elementos comuns da interface Cabeçalho e rodapé Estilo Título ... Derivam da classe Part

8 Componentes Estruturais da Interface
CatalogZone Permite criar um catálogo de WebParts Controls a partir do qual os utilizadores podem seleccionar controlos para adicionar a uma página Contém controlos CatalogPart EditorZone Permite aos utilizadores editar e personalizar WebParts Controls Contém controlos EditorPart WebPartZone Define o layout dos WebParts Controls que constituem a página. Podem existir vários na página ConnectionsZone Fornece uma interface para gerir conexões entre WebPartZones ProxyWebPartManager Este controlo permite aos programadores especificar conexões estáticas numa Content Page sempre que o WebPartManager seja utilizado numa Master Page

9 Controlos EditorPart Permitem aos utilizadores personalizar vários aspectos dos WebParts Controls da página Web AppearanceEditorPart LayoutEditorPart BehaviorEditorPart PropertyGridEditorPart

10 Controlos EditorPart Editor Zone

11 Controlos CatalogPart
PageCatalogPart Disponibiliza um catálogo com os controlos previamente adicionados à página que utilizador fechou e que podem ser novamente adicionados à página DeclarativeCatalogPart Este controlo fornece um meio para os programadores adicionarem um conjunto de Server Controls directamente a um catálogo de uma página Web ImportCatalogPart Permite aos utilizadores importar um ficheiro XML com as configurações de um WebPart Control ou Server Control que o utilizador pretenda anexar à página

12 Catalog Zone Catalog Zone Page Catalog

13 Primeiro controlo a colocar na página
Exemplo WebPartManager Primeiro controlo a colocar na página WebPartZone Login User Control

14 Exemplo

15 Exemplo - Personalização
Directório do projecto Directório App_Data Base de dados onde são guardadas as informações das Personalizações