![Page 1: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/1.jpg)
1http://www.icuadrado.com
Jorge Oblitas
Consultor Independiente
Microsoft Regional Director
Peru – Región Andina
El WebPart FrameworkParte 1
![Page 2: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/2.jpg)
2http://www.icuadrado.com
Jorge Oblitas
• Consultor en tecnología asociada a la gestión del Conocimiento
• Ha sido miembro de los programas– Microsoft Regional Director (desde el 2000)– Microsoft Partner Advisory Council (2002)
• Soluciones Intranet premiadas en Perú y EE.UU.• Bajista desde 1984• Aficionado a los Golden Retrievers y Beagles
![Page 3: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/3.jpg)
http://www.icuadrado.com
Agenda
• WebPartManager• WebPartZones y Web Parts• CatalogZones y CatalogParts• EditorZones y EditorParts
![Page 4: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/4.jpg)
http://www.icuadrado.com
Web Parts
• Framework para la construcción de aplicaciones tipo portal– Sigue el esquema de SharePoint Portal Server– System.Web.UI.WebControls.WebParts
• Interface de usuario enriquecida con la menor cantidad de código– Edición de la estructura de páginas usando drag-and-drop– Edición de apariencia, conducta y más
• Personalización – Parte 2• Intercomunicación ("conexiones") – Parte 2
![Page 5: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/5.jpg)
http://www.icuadrado.com
El control WebPartManager
• Administra la operación de los Web Parts– Mantiene una lista de Web Parts y zonas– Administra el estado de la página (ejemplo: display
mode) y dispara eventos cuando el estado cambia.– Facilita la comunicación entre Web Parts.– Administra la personalización y mucho más.
• Una sola instancia por página, no tiene interface de usuario.
<asp:WebPartManager ID="WebPartManager1" RunAt="server" />
![Page 6: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/6.jpg)
http://www.icuadrado.com
El control WebPartZone
• Define zonas en una página de Web Parts • Define el la disposición y apariencia por
defecto de los Web Parts dentro de cada zona.
<asp:WebPartZone ID="WeatherZone" DragHighlightColor="244,198,96" RunAt="server" RunAt="server"> <PartTitleStyle BackColor="#2254B1" ForeColor="White" /> <PartStyle BorderColor="#81AAF2" BorderStyle="Solid" BorderWidth="1px" /> <ZoneTemplate> <!– Declarar Web Parts aquí --> </ZoneTemplate></asp:WebPartZone>
![Page 7: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/7.jpg)
http://www.icuadrado.com
Web Part Zones
Zona 1 Zona 2
![Page 8: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/8.jpg)
http://www.icuadrado.com
Web Part Chrome
• Barra de título y borde que rodea el Web Part
• El Look viene definido por las propiedades del WebPartZoneBarra título
Verbo Minimizar Verbo Cerrar
Verbs MenuBorder
Botón de Verbos
![Page 9: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/9.jpg)
http://www.icuadrado.com
Web Parts
• Controles definidos en un WebPartZone– Web controls, user controls, custom controls
• Controles que no implementan IWebPart son empaquetados internamente en GenericWebParts– Agrega propiedades: Title, Description, etc.
<ZoneTemplate> <asp:Calendar Title="Calendario" ID="Calendar1" RunAt="server" /> <user:Weather Title=“Clima" ID="Weather1" RunAt="server" /> <custom:Search Title=“Buscar" ID="Search1" RunAt="server" /> </ZoneTemplate>
![Page 10: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/10.jpg)
http://www.icuadrado.com
Web Parts
BuscarWeb Part
AccionesWeb Part
NoticiassWeb Part
ClimaWeb Part
CalendarioWeb Part
![Page 11: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/11.jpg)
http://www.icuadrado.com
Web Parts
![Page 12: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/12.jpg)
http://www.icuadrado.com
WebPartManager.DisplayMode
• Obtiene y determina el display mode de la página
Valor Descripción
BrowserDisplayMode "Normal" display mode; no edición (default)
EditDisplayMode Permite editar la apariencia y conducta de los Web Parts
DesignDisplayMode Permite edición de la disposición usando drag-and-drop
CatalogDisplayMode Permite agregar Web Parts a la página
ConnectDisplayMode Permite establecer conexiones entre Web parts
![Page 13: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/13.jpg)
http://www.icuadrado.com
Eventos del DisplayMode
• WebPartManager.DisplayModeChanging– Indica que el display mode está por cambiar.–WebPartDisplayModeCancelEventArgs revela el
nuevo display mode y permite al manejador cancelar el cambio.
• WebPartManager.DisplayModeChanged– Indica que el display mode ha cambiado–WebPartDisplayModeEventArgs revela el display
mode anterior
![Page 14: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/14.jpg)
http://www.icuadrado.com
Edición de la disposición (layout)
![Page 15: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/15.jpg)
http://www.icuadrado.com
Otros tipos de Zonas
Nombre Descripción
EditorZone Les Permite editar las propiedades y el layout de los Web Parts
CatalogZone Permite a los usuarios agregar Web parts a la página
ConnectionsZone Les permite establecer conexiones entre Web parts
• Las WebPartZones definen el contenido base– Se muestran en todo momento
• Otras zonas permiten la edición de las páginas– Se muestran de manera condicional basada en el
display mode
![Page 16: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/16.jpg)
http://www.icuadrado.com
El control CatalogZone
• Permite agregar Web Parts interactivamente• Contiene uno o más controlesCatalogPart
Nombre Descripción
DeclarativeCatalogPartLista los Web parts declarados en <WebPartsTemplate>
PageCatalogPart Lista los Web parts que han sido removidos de la página
ImportCatalogPart Permite que los Web parts sean importados
![Page 17: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/17.jpg)
http://www.icuadrado.com
Declarando un CatalogZone
<asp:CatalogZone ID="CatalogZone1" Runat="server"> <ZoneTemplate> <asp:PageCatalogPart ID="PageCatalogPart1" Runat="server" /> <asp:DeclarativeCatalogPart ID="DeclarativeCatalogPart1" Runat="server"> <WebPartsTemplate> <!-- Declarative Web Parts go here --> </WebPartsTemplate> </asp:DeclarativeCatalogPart> <asp:ImportCatalogPart ID="ImportCatalogPart1" Runat="server" /> </ZoneTemplate></asp:CatalogZone>
DeclarativeCatalogPart
![Page 18: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/18.jpg)
http://www.icuadrado.com
Catalog Zones
![Page 19: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/19.jpg)
http://www.icuadrado.com
El control EditorZone
• Permite la edición interactiva de Web parts
• Contiene uno o más controles EditorPart Nombre Descripción
AppearanceEditorPartProvee UI para la edición de títulos y otras propiedadesrelacionadas
BehaviorEditorPart Provee UI para la edición de propiedades relacionadas con la conducta (ejemplo: ¿pueden ser cerrados los Web Parts?)
LayoutEditorPart Provee UI para la edición del estado de presentación del Web Part(minimizado, o restaurado)
PropertyGridEditorPartProvee una grilla de propiedades para la edición de propiedadespersonalizadas
![Page 20: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/20.jpg)
http://www.icuadrado.com
Declarando un EditorZone
<asp:EditorZone ID="EditorZone1" Runat="server"> <ZoneTemplate> <asp:AppearanceEditorPart ID="AppearanceEditorPart1" Runat="server" /> <asp:BehaviorEditorPart ID="BehaviorEditorPart1" Runat="server" /> <asp:LayoutEditorPart ID="LayoutEditorPart1" Runat="server" /> </ZoneTemplate></asp:EditorZone>
![Page 21: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/21.jpg)
http://www.icuadrado.com
PropertyGridEditorPart
• Permite editar propiedades personalizadas• Muestra propiedades marcadas [WebBrowsable]
string _stocks; // e.g., "MSFT,INTC,AMZN"
[WebBrowsable]public string Stocks{ get { return _stocks; } set { _stocks = value; }}
Permite a la propiedad aparecer en elPropertyGridEditorPart
Como apaece la propiedaden el PropertyGridEditorPart
![Page 22: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/22.jpg)
http://www.icuadrado.com
Editor Zones
![Page 23: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/23.jpg)
http://www.icuadrado.com
Lo que se verá en el próximo Webcast
• Web Part Connections• Personalización
– Por usuario– Compartida– Providers
• Web Parts personalizados• Verbos personalizados• Exportando WebParts
![Page 24: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/24.jpg)
http://www.icuadrado.com
Preguntas
![Page 25: 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina El WebPart Framework Parte 1](https://reader038.vdocuments.co/reader038/viewer/2022103110/54a7a700497959eb6d8b4a57/html5/thumbnails/25.jpg)
http://www.icuadrado.com
Mis datos
• [email protected]• http://www.icuadrado.com
Visítanos para ver la agenda de eventos en vivo y próximos Webcast
www.icuadrado.com
... Muy pronto tendremos en Lima a uno de los Gurús de Team System