SharePoint online diseñando sitios públicos con Office 365 | SolidQ Summit 2012

3,888 views

Published on

http://summit.solidq.com/madrid/
En esta sesión veremos hasta donde podemos llegar diseñando e implementando sitios web públicos usando SharePoint Online incluido en el paquete Office 365. Además de las cosas que nos permiten el diseñador de sitios públicos, también veremos algunos trucos avanzados que no tienen desperdicio. Siempre dejando claros los limites de los soportado por Microsoft.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,888
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

SharePoint online diseñando sitios públicos con Office 365 | SolidQ Summit 2012

  1. 1. Diseñando Sitios Públicos con SharePoint Online (Office 365) José Quinto Zamora CyB200005 SharePoint and Search Specialist MCPD, MCITP en SharePoint 2010 jquinto@solidq.com @jquintozamora
  2. 2.  Conocer plataforma Office 365  Conocer ventajas y limitaciones de sitios públicos en SharePOint Online  Conocer diferencias entre sitios privados y públicos  Aprender ciertos trucos y soluciones Objectivos
  3. 3.  Introducción Office 365  Diferencias entre Planes Email, Edu, P, K y E  Introducción a SharePoint Online  Sitios públicos en SharePoint Online  Administración  Diseñador de sitios públicos  Funcionalidades, Gadgets, Personalización de estilo  Trucos y Soluciones  Preguntas Agenda
  4. 4. Introducción a Office 365 Plataforma Office 365
  5. 5.  Planes para pequeñas empresas Introducción a Office 365 Comparativa dePlanes (Correo Electrónico, P, Edu )  Correo (25 Gb)  Calendario y Contactos  Antivirus y Antispam  Soporte 24x7  Integración con AD  + 50.000 usuarios 3,57€* (usuario/mes) 5,25€* (usuario/mes)  Correo (25 Gb)  Calendario y Contactos  Office Web Apps  Sitio Web  Intranet (solamente 1)  Antivirus y Antispam  50 usuarios Planes Live@Edu: http://bit.ly/O365LiveEdu Todos los planes: http://bit.ly/TodosPlanesO365
  6. 6.  Planes para trabajadores remotos Introducción a Office 365 Comparativa dePlanes (K)  Office Web Apps (Edición)  Correo (1 Gb)  Calendario y Contactos  Sitio Público  Intranet  Office Web Apps (visualización)  + 50.000 usuarios 3,57€* (usuario/mes) 7,25€* (usuario/mes)
  7. 7.  Planes para mediana y gran Empresa Introducción a Office 365 Comparativa dePlanes (E )  Office Web Apps (Edición)  Correo (25 Gb)  Calendario y Contactos  Intranet (hasta 300 sitios)  Sitio Web  Office Web Apps (visualización)  IM, Conferencias  Soporte 24x7  Integración con AD  + 50.000 usuarios  Funcionalidades empresariales de voz (Licencia de Lync Server) 7,25€* (usuario/mes) 12,50€* (usuario/mes) 20,75€* (usuario/mes)  Office Professional Plus (5 dispositivos por usuario)  Correo Avanzado (archivo personal + 25 GB, retención legal,…)  Forms, Access, Excel, & Visio Services
  8. 8. Introducción a SharePoint Online Diseñando Sitios Públicos con SharePoint Online (Office 365)
  9. 9.  SharePoint en la nube!  Intranet (Sitios Privados)  Más de uno  Uso de SPD  SandBox solution  Publishing Features  Editar la master page  Webparts  MyProfile  …  Sitio Web Público  Uno por cuenta de Office 365  Branding Limitado  No WebParts  No SPD  … Introducción a SharePoint Online Dos tipos desitio
  10. 10. Sitios Públicos en SharePoint Online Diseñando Sitios Públicos con SharePoint Online (Office 365)
  11. 11.  Sitios de páginas estáticas con fines de promoción  Pequeña Empresa, página de contacto, etc.  Landing Page, útli para promocionar cierta sección o producto de forma aislada  Todos los planes de Office 365 incluyen un Sitio Público  Excepto Plan Correo Electrónico  Planes P  Tienen un sitio ya creado en el sitio raiz del dominio  Planes K y E  Permiten la posibilidad de crear el sitio público en una Col. de Sitios  Son la evolución de Office Live Small Business  Estilos predefinidos, interfaz de diseño para usuarios finales Sitios Públicos en SharePoint Online Introducción
  12. 12.  Centro de Administración de SharePoint (Planes K y E)  Administrar Colecciones de sitios Sitios Públicos en SharePoint Online Administración
  13. 13. DEMO Administración Sitios Web Públicos
  14. 14. Diseñador de sitios públicos Diseñando Sitios Públicos con SharePoint Online (Office 365)
  15. 15.  Los sitios públicos de SP Online NO se personalizan de la misma forma que el resto de sitios de SharePoint.  Están alojados en SharePoint con una Master que NO SE PUEDE MODIFICAR.  SharePoin Designer NO ESTÁ SOPORTADO para editar sitios web públicos.  Para cambiar el diseño y estilos del sitio usar el DISEÑADOR DE SITIOS. Sitios Públicos en SharePoint Online Diseñador de sitios
  16. 16.  Aplicaciones o complementos que se pueden añadir a los sitios públicos (mismo concepto de WebParts)  No se puede extender, ni podemos crear nuestros propios Gadgets. Sitios Públicos en SharePoint Online Gadgets
  17. 17.  Personalización de estilo avanzada  Hojas de estilo personalizadas. (CSS)  Sobrescribimos la hoja de estilos  Herramientas de desarrollo de Internet Explorer y Firefox  IE Developer Toolbar (F12)  Comprueba el impacto de los cambios en el CSS en tiempo real Sitios Públicos en SharePoint Online Personalización deestilo http://eslindustriesdemo.sharepoint.com
  18. 18.  La master page es mucho más sencilla: 93 líneas vs. >600 líneas  El código HTML es mucho más simple  La mayoría de las clases son diferentes así que no es posible reutilizar el branding tradicional de SharePoint  En lugar de clases .s4-XYZ verás .MS_ y .MSC_  Guía CSS para diseño de Office Live Websites CSS: Sitios Públicos en SharePoint Online Personalización deestilo. Usando CSS Personalizado http://coderightdesign.com/Documents/CSS_Guide_OLSB.pdf
  19. 19. DEMO Diseñador de Sitios
  20. 20. Trucos y Soluciones Developer Mode = ON Diseñando Sitios Públicos con SharePoint Online (Office 365)
  21. 21.  Añadir Scripts con HTML vs PayPal Control  Añadir un vídeo de YouTube vs Alojado en SP Online  Añadir etiquetas de Redes Sociales  Añadir Dirección de e-Mail Ofuscada  Redirección de Página  Menú desplegable con JQuery Sitios Públicos en SharePoint Online Trucos y soluciones http://www.solutionsforoffice365.com/Pages/solutions.aspx
  22. 22.  HTML Gadget  Pone un Iframe  MAL si queremos interactuar con el DOM existente  PayPal GadGet  Pone un DIV  BIEN para interactuar con DOM existente Sitios Públicos en SharePoint Online Añadir Scripts con HTMLvs PayPal Control
  23. 23. DEMO Demo HTML vs PayPal Control
  24. 24.  Gadget de Video  ¿Cómo insertar un vídeo alojado en SharePoint?  Con HTML o PayPal Gadget Sitios Públicos en SharePoint Online Añadir un vídeo de YouTuve vs Alojado enSP Online <object id="player" width="320" height="240" classid="CLSID:6BF52A52-394A-11d3- B153-00C04F79FAA6"> <param name="url" value="../Documents/HdV.wmv"> <param name="autoStart" value="true"> </object>
  25. 25. DEMO Insertando un vídeo
  26. 26.  Facebook  https://developers.facebook.com/docs/reference/plugins/like  Twitter  https://twitter.com/about/resources/buttons#tweet  Añadir con HTML o PayPal Gadget Sitios Públicos en SharePoint Online Añadir etiquetas deRedes Sociales
  27. 27. DEMO Añadiendo etiquetas sociales
  28. 28.  Evitar spam  Introducir con HTML Gadget Sitios Públicos en SharePoint Online Añadir Dirección dee-Mail Ofuscada <script type="text/javascript"> document.write('<a href="mailto:jquinto@solidq.com">jquinto@solidq.com</a>') </script> <script type="text/javascript"> setTimeout('HtmlControlJS.loadFramex28x27ctl00_IWS_WH_CPH_Content_HtmlControl 1x27, x27x5cx3cSCRIPT TYPEx5cx3dx5cx22textx5cx2fjavascriptx5cx22x5cx3ex5cx0dx5cx0adocument.writex5cx28x5cx 27x5cx3ca stylex5cx3dx5cx22font-sizex5cx3a12ptx5cx3bx5cx22 hrefx5cx3dx5cx22mailtox5cx3ajquintox5cx26x5cx2364x5cx3bsolidq.comx5cx22x5cx3ejquinto x5cx26x5cx2364x5cx3bsolidq.comx5cx3cx5cx2fax5cx3ex5cx27x5cx29x5cx0dx5cx0ax5cx3cx5 cx2fSCRIPTx5cx3ex27,3082, x2714.0.9057.2036x27x29x3b', 0); </script>
  29. 29. DEMO Ofuscar correo electrónico
  30. 30.  A veces tenemos página principal (sección de menú) que no queremos que tenga contenido, sino que redirija a una subpágina.  Introducir con PayPal Gadget  Ya que accede a document.location.href Sitios Públicos en SharePoint Online Redirección de página <form action=""> <input type="image" style="display:none !important;" /> <script type="text/javascript"> var pagina = 'http://www.dominio.es/Pages/PaginaDestino'; document.location.href=pagina; </script> </form>
  31. 31. DEMO Redirección de página
  32. 32.  www.gumalba.es Sitios Públicos en SharePoint Online Menú desplegable con JQuery
  33. 33. DEMO Menú desplegable con JQuery
  34. 34.  Finalidad  Página de contacto para PYME  Página de campañas de ciertos producto o marca  Bajo Coste  Con cualquier Plan de O365 (excepto solo Mail)  Te olvidas de la infraestructura  Personalización de estilo poco costosa  Fácil para Gestor de Contenido  Interfaz fácil para el usuario Sitios Públicos en SharePoint Online Conclusiones
  35. 35. Si quieres disfrutar de las mejores sesiones de nuestros mentores de España y Latino América, ésta es tu oportunidad. http://summit.solidq.com/madrid/ Síguenos:

×