Portal web

8,114 views

Published on

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,114
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
131
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Portal web

  1. 1. PORTAL WEB<br />
  2. 2. PORTAL WEB<br />Antecedentes<br /> Un portal web se puede definir como la evolución del concepto “Sitio Web”, en el cual el sitio web se ha convertido en el punto de entrada a un conjunto de servicios de información a los que se accede de forma sencilla, unificada y segura.<br />
  3. 3. 2. Definición de portal web<br /> comúnmente sinónimo de puerto, que se utiliza para referirse a un sitio web que sirve de punto de partida para iniciar actividades de navegación en internet, el cual se visita con frecuencia y al que generalmente se designa como página de inicio del navegador <br />
  4. 4. 3. DEFINICION DE PAGINA WEB Y SITIO WEB<br />a. Página Web.<br /> Una página web es un documento o información electrónica adaptada para la World Wide Web que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la WWW.<br />
  5. 5. b. Sitio Web.<br />Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.<br /> Una página web es un documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet.<br />
  6. 6. 4.OBJETIVO DE UN PORTAL WEB.<br />a. Que el usuario pueda encontrar todo lo que necesita en Internet, consiguiendo con ello que cuando acceda a Internet lo haga siempre a través de ese portal.<br />
  7. 7. 4.OBJETIVO DE UN PORTAL WEB.<br />b. Proporcionar al usuario una ubicación centralizada, para buscar información que puede haber sido almacenada en varios lugares diferentes, tales como sitios Web, sistemas de archivos, carpetas públicas en servidores de correo y diversas bases de datos. Los portales mejoran la eficiencia indexando todos esos datos y permiten buscar en múltiples fuentes de información simultáneamente y desde un único lugar.<br />
  8. 8. 4.OBJETIVO DE UN PORTAL WEB.<br />c. Ofrecer al usuario, de una forma sencilla e integrada, el acceso a una serie de recursos y de servicios, entre los que suelen encontrarse buscadores, foros, documentos, descarga de aplicaciones, compra electrónica, galerías de imágenes y video, etc. Por lo general están dirigidos a resolver necesidades específicas de un grupo de personas.<br />
  9. 9. 5. CARACTERISTICAS DE UN PORTAL WEB.<br />Son la puerta de entrada a la red o en el Web de referencia.<br />b. Ofrecen servicios gratuitos de utilidad para el internauta.<br />c. Cuentan con un motor de búsqueda, bien sea de recursos propios o ajenos.<br />d. La utilización de lenguajes de<br />programación para la presentación<br /> y administración de contenidos y <br />servicios en línea.<br />
  10. 10. 5. CARACTERISTICAS DE UN PORTAL WEB.<br />e. Recursos informativos, divididos y organizados.<br />f. Interacción personalizada con los servicios que ofrece el portal.<br />g. Acceso a información de<br />fuentes diversas, agregada y categorizada.<br />h. Integración de herramientas de colaboración como grupos de trabajo, comunidades, foros o grupos de discusión y chats.<br />
  11. 11. 4. TIPOLOGIA DE PORTALES.<br />Portales Genéricos:<br />También son conocidos como portales Horizontales o HEP (Horizontal Enterprise Portal), e incluso como mega portales. Intentan mostrar de manera estructurada todo lo que podría encontrarse en la red. Aún así, algunos permiten cierto grado de personalización. Ejemplo de portales bajo esta categoría se pueden mencionar:<br />· www.altavista.com<br />· www.aol.com<br />· www.yahoo.com<br />· www.terra.com<br />
  12. 12. b. Portales Especializados:<br /> Denominados también portales verticales o VEP (Vertical Enterprise Portal). <br /> Adapta sus contenidos a la necesidad del cliente (tanto información como servicios). En este último caso, el acceso no es gratuito y se trata de una Intranet. Así, deben considerarse los portales corporativos que, dentro de una<br /> Intranet corporativa, proveen<br />a sus miembros de información<br />interna y externa relacionada<br />con la propia entidad.<br />
  13. 13. Ejemplo de portales verticales se tienen:<br /><http://www.infoamerica.org>: portal de comunicación, proyecto de información digital sobre temas de comunicación en Ibero América.<br />· <http://www.softonic.com/>: portal dedicado al software en el cual los visitantes pueden descargar programas de todo tipo y dejar sus comentarios sobre el mismo.<br />· <http://www.gobiernoelectronico.org/>: portal vertical dedicado al tema de los gobiernos electrónicos en América Latina.<br />
  14. 14. Vignette Web Content Management Enhanced Suite<br />
  15. 15. Vignette ahora es Open Text<br />Vignettees parte de Open Text, líder mundial de Gestión de Contenido Empresarial (ECM). Juntos, su Gestor de Contenido Web, Portal y Soluciones de Colaboración, son el eje para proporcionar la Experiencia Web. La organización líder mundial confía en Vignette para incrementar sus principales soluciones Web y de Negocios electrónicos (e-business) y en ofrecer beneficios, tales como, el incremento de lealtad de los clientes, la generación de ingresos, productividad y ahorro de costos.<br />
  16. 16.
  17. 17. Las soluciones de Vignette ayudan a las organizaciones a maximizar el valor de cualquier tipo de contenido, desde simples documentos a contenido enriquecido. Sus productos y soluciones conforman la plataforma Vignette de experiencias web, la piedra angular de la gestión de interacciones online.<br />Durante más de diez años han jugado un papel clave en el desarrollo de internet. Sus primeras herramientas de gestión y entrega de contenidos fueron los cimientos de algunas de las Webs más visitadas. Hoy en día, sus soluciones reconocidas mundialmente son el pilar de algunas de las marcas online más poderosas y permiten a las organizaciones establecer interacciones vinculantes con sus clientes.<br />Vignette sabe que cada cliente tiene sus propias necesidades y por eso ofrecen una plataforma adaptada de soluciones.<br />
  18. 18. Presentación de las familias de soluciones de Vignette<br /><ul><li>Gestión de contenidos Web</li></ul>Facilite la experiencia online de sus clientes, proporcionándoles contenidos variados y multimedia a través de cualquier canal.<br />La Web es una plataforma que fomenta el cambio y el crecimiento. Las empresas evolucionan en un entorno digital cada vez más complejo. Las compañías quieren soluciones escalables capaces de crecer al mismo ritmo que su negocio. Desde el principio Vignette ha ido liderando el proceso de innovación en la gestión de contenidos Web.<br />
  19. 19. <ul><li>Intranet</li></ul>Optimice la gestión de la información, el almacenamiento del conocimiento y las redes sociales de la empresa con tecnologías colaborativas y basadas en portales.<br />Las soluciones de Intranet son herramientas cada vez más estratégicas para potenciar el intercambio de información, la colaboración, la gestión de proyectos y otras formas de comunicaciones empresariales.<br />Las soluciones de Vignette, clasificadas como líderes por los analistas, permiten mejorar la productividad, incrementar la gestión de conocimiento y la eficiencia de los grupos de trabajo.<br />Vignette también ofrece soluciones basadas en la Intranet que incorporan las últimas funcionalidades de colaboración, Web 2.0, redes sociales, vídeo, personalización y búsqueda.<br /><ul><li>Redes sociales</li></ul>Forje comunidades, fomente la participación y promueva la interacción online mediante comentarios, valoraciones, etiquetas, blogs, wikis, foros, vídeos y recomendaciones.<br />La solución Social Media basada en una plataforma modular integrada permite a las compañías fomentar su presencia en la Web y facilita la creación y publicación de UGC (contenido generado por el usuario) tanto en la internet como sobre la intranet. Incorporando funcionalidades Web 2.0 como blogs, wikis, foros, valoraciones, revisiones y etiquetas, Vignette ofrece una solución Media completa.<br />
  20. 20. <ul><li>Plataforma de gestión de contenido transaccional</li></ul>Gestione procesos empresariales centralizados. Gestione registros y documentos del sector público, de los servicios financieros e historiales de pacientes.<br />La plataforma de gestión de contenido transaccional de Vignette (TCM) proporciona a las empresas una solución escalable y rentable para gestionar y optimizar sus propios procesos a cualquier nivel. Vignette es la única empresa capaz de proveer aplicaciones Web 2.0 multicanal e interactivas que garanticen a sus clientes una experiencia web con auténtico valor.<br /><ul><li>Optimización de la experiencia web</li></ul>Optimice el valor de cualquier interacción online de sus clientes mediante análisis, segmentación y búsquedas sociales.<br />Cada día, sus clientes existentes y potenciales se conectan a su página web. ¿Cómo conocer mejor a estos visitantes? ¿Cómo causar una primera impresión positiva y crear una relación más profunda? Las soluciones de VignetteExperienceOptimization le permiten aprovechar estas interacciones y establecer comunicaciones continuas con todos, tanto con clientes ya afianzados como con nuevos visitantes.<br />
  21. 21. <ul><li>Vídeo y medios interactivos</li></ul>Incorpore medios interactivos y vídeo a la experiencia online para incrementar el tráfico y los ingresos de la web y fidelizar a los clientes.<br />Los requerimientos de los clientes a nivel de contenido van cambiando. Las experiencias online han evolucionado desde un entorno estático hacia un entorno dinámico gracias al uso de soluciones multimedia enriquecidas tal como imágenes y presentaciones flash. Hoy en día el mayor enfoque es una Web donde el contenido y el vídeo se incorporan a través de canales incluyendo la Web, el móvil, y los sistemas IPTV.<br />Las soluciones de vídeo y de multimedia enriquecidas de Vignette ofrecen una sola interfaz para gestionar cualquier tipo de contenido, desde activos web a contenidos enriquecidos y vídeo.<br />
  22. 22. Durante más de diez años, Vignette ha sido proveedor de soluciones de gestión de contenidos de muchas de las empresas más exigentes y con mayor presencia a nivel mundial. Vignette es mucho más que un desarrollador de software, ya que Vignette ha demostrado ser uno de los activos más importantes a la hora de conseguir el éxito de sus clientes. Vignette ayuda en la planificación y el desarrollo de los proyectos estratégicos de sus clientes a escala mundial. Además cuenta con una red mundial de centros de asistencia para ayudar a sus clientes en cualquier fase de su proyecto.<br />
  23. 23. Vignette esta valorada muy positivamente por parte de sus clientes. Todos ellos son representantes destacados de sus respectivos sectores, una posición lograda en gran medida gracias a su innovador uso de la Web. Estas organizaciones, pertenecientes todo tipo de industrias y países de todo el mundo, cuentan cómo han materializado la mejora de la experiencia online de sus audiencias más estratégicas. Sus testimonios no sólo demuestran la potencia y versatilidad de las soluciones de Vignette, sino que no hay una única forma de optimizar el canal online para satisfacer los objetivos y aspiraciones de la organización.<br />Existen numerosos casos de éxito en los que pueden ver cómo Vignette ayuda a su cliente, pero qué mejor que los propios clientes comuniquen con sus propias palabras el valor que Vignette les ha proporcionado<br />
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29. Es una herramienta sobre todo de gestión de contenido muy completa. Permite realizar enteramente un sitio web de contenidos, con todo lo que eso implica: estructura multinivel, motor de búsquedas, gestión de autoría y publicación de contenidos, mecanismo de uso de plantillas para la maquetación de páginas, etc. Pero es también un portal. Administra, en particular, la personalización de las páginas según la identidad de los usuarios, es decir sabe integrar una selección de contenidos en una misma página, según los derechos del usuario identificado.<br />
  30. 30. Ejemplo: Este sitio Web de ejemplo es un tutor para un club de fútbol llamado "FC Bigfeet". El sitio Web terminado se ve así:<br />
  31. 31. Al crear este sencillo sitio Web aprenderá a:<br />Editar y crear páginas y su contenido, insertar imágenes, tablas, listas con viñetas, vínculos etc.<br />Crear áreas protegidas con contraseña en su sitio Web.<br />Insertar contenido especial como formas para correo electrónico, zonas de búsqueda, mapas del sitio, etc.<br />Crear un libro de visitas o un boletín de mensajes.<br />Cambiar colores, imágenes de fondo, tipografía - ¡aún seleccionar otra plantilla!<br />Administrar a los usuario que dan mantenimiento a las distintas partes de su sitio Web<br />Crear un flujo de trabajo para la creación de elementos de noticias en la página principal<br />Saber cómo TYPO3 organiza las páginas en una estructura de árbol y almacena su contenido.<br />
  32. 32. Guías, Documentación, Tutoriales:<br />No hay muchos documentos para los diseñadores de TYPO3 disponibles en otros idiomas. Hay distintas razones para ello. Una muy importante es que el idioma común de uso de la comunidad internacional de diseñadores es el inglés. Aun cuando una comunidad abierta como la nuestra pudiera manejar la gran cantidad de documentos existente para TYPO3 en varios idiomas, muy pronto los diseñadores estarían hablando de conceptos distintos, debido al uso de distintos idiomas.<br />www.typo3.org  <br />
  33. 33. INSTALACIÓN<br />1: Descargue el paquete QuickStart (inicio rápido) www.typo3.org<br />2: Descomprima el paquete en su servidor Web. En mi caso tengo un servidor Apache local funcionando. El directorio raíz del sitio Web es c:apachehtdocs – y es ahí donde descomprimo el paquete (esta es la misma localización que usa el paquete de instalación).<br />3: Inicie su explorador Web, ir a la dirección URL donde descomprimió sus archivos.<br />Verá la siguiente pantalla:<br />... y a continuación la pantalla donde escribe el nombre de usuario y contraseña de la base de datos y el anfitrión local (localhost). <br />
  34. 34. 4: Nombre se usuario y contraseña de la base de datos y anfitrión. En mi caso no requiero de nombre de usuario ni contraseña<br />5: Crear la base de datos. A continuación escriba el nombre de su base de datos. En mi caso seleccioné "t3_quickstart". <br />6: Crear el contenido de la base de datos. El paso final es "rellenar" la base de datos. Una nueva base de datos tal como "t3_quickstart" no contiene datos, claro está - este paso coloca información de ejemplo para nuestro sitio Web, por ejemplo usuarios, páginas, contenido etc.<br />Si ve el botón "GO" (continuar) en rojo, significa que ¡ha terminado! ¡Felicidades!<br />
  35. 35. Caso de Estudio UNIA<br />TYPO3<br />
  36. 36. http://www.pier21.ca<br />
  37. 37.
  38. 38. El Sistema de Gestión de Contenidos: Typo3<br />
  39. 39. Reuven ofreció la Typo3 Content Management System, ya que permitió al equipo en el Pier 21 para actualizar el sitio web, y mantener la gran cantidad de páginas sin tener que contratar a un desarrollador web en tiempo completo con conocimientos en HTML para mantener el sitio. Con Typo3, Pier 21 tendría un completo gestor de contenidos (CMS) que era fácil de usar, incluso para la mayoría de los usuarios novatos equipo a un precio asequible. "<br />
  40. 40. Beneficios de Typo3 de Pier 21<br />
  41. 41. Costos: Ser una sociedad sin fines de lucro y el museo con amplia sobre la cabeza, Pier 21 no tenía los fondos para gastar en los gastos no esenciales. Pier 21 es necesario un sitio web que fue rentable de crear y que es más importante rentable de mantener. Con Typo3, el Pier 21 Sociedad fue capaz de reducir los costos de construcción de sitio web para la creación real del sitio. Typo3 también se eliminan los costes adicionales de sueldos porque no hay necesidad de contratar a un desarrollador web en tiempo completo para mantener el sistema, ya que requiere conocimientos de programación poco.<br />
  42. 42. Línea de tiempo - Cumplimiento de los plazos dentro del presupuesto<br />
  43. 43. Con el fin de completar el proyecto para el lanzamiento de Pier 21 de 75 aniversario en enero de 2003, el equipo tenía sólo 4 meses para completar el proyecto. Typo3 permitió al equipo desarrollar y aplicar de 3.000 páginas con facilidad. Una vez que el marco se han desarrollado muchas de las páginas en las que creó con sólo copiar y pegar el contenido en lugar de construir cada uno individualmente.<br />
  44. 44. De búsqueda de base de datos<br />
  45. 45. A medida que el público objetivo principal de Pier 21 es sobre la edad de 60 años, la sociedad quería un motor de búsqueda lo que todo el contenido en el sitio fácil de encontrar. Typo3 ofrece un índice de búsqueda de texto completo que busca en las páginas y archivos de medios externos como TXT, HTML, MS Word y PDF, archivos de contenido que permite en todo el sitio pueda ser consultada. <br />"Es (el sitio web) se ve hermosa y funciona como un encanto para encontrar las cosas.Se debe eliminar una gran cantidad de confusión -. "Carrie Ann Smith, Pier 21 Bibliotecario de Investigación<br />
  46. 46. Drupal<br />
  47. 47. Quées Drupal<br /><ul><li>Drupal es un CMS, un sistema de administración de contenido gratuito, modular, de código abierto. Es también una plataforma de desarrollo para la administración de contenido.
  48. 48. Está escrito en el lenguaje PHP y corre sobre bases de datos MySQL o PostgreSQL.
  49. 49. Ofrece a los desarrolladores una base sólida para extender e implementar soluciones personalizadas de administración de contenido.</li></li></ul><li>Quépuedehacerse con Drupal<br /><ul><li>Sitios web comunitarios/redes sociales
  50. 50. Blogs/Weblogs - Bitácoras
  51. 51. Sitios de comercio electrónico
  52. 52. Foros de discusión
  53. 53. Wikis/Bases de conocimiento
  54. 54. Aplicaciones web de negocios
  55. 55. Intranets/Extranets</li></li></ul><li>Capacidades de Drupal<br /><ul><li>Sistema granular de permisos
  56. 56. Administración de usuarios
  57. 57. Manejo de temasgráficos/plantillas
  58. 58. Sindicación (hilos RSS)/Agregación
  59. 59. Tipos de contenido a la medida
  60. 60. Generación visual de consultas de datos
  61. 61. Control y moderación de contenido
  62. 62. Gestión WYSIWYG de archivos… ¡Y mucho más!</li></li></ul><li>Historia<br />Drupal nace en 1999 de la mano de Dries Buytaert<br />Drupal 1 (DROP) en 1999 drupal.org<br />
  63. 63. Porquéusar Drupal<br /><ul><li>Porque es fácil de instalar
  64. 64. Porque es fácil de usar, amigable (ejem)
  65. 65. Porque es fácil de aprender (ejemejem)
  66. 66. Porque es increíblemente variado y rico en funcionalidades (a través de sus módulos)
  67. 67. Porque es gratis/código abierto (GNU/GPL)
  68. 68. Porque es flexible, robusto y modular
  69. 69. Porque tiene gran soporte comunitario</li></li></ul><li>Pros y Contras<br />Pros<br />- Funcionalidades más importantes de serie<br />- Altas posibilidades de personalización<br />- Existencia de una gran comunidad<br />- Rendimiento<br />Contras<br />- Curva de aprendizaje elevada<br />
  70. 70. Modelo de Datos<br />
  71. 71.
  72. 72. El core de Drupal<br /><ul><li>Marco de desarrollo compacto y ligero
  73. 73. Librería de funciones comunes
  74. 74. Permite a Drupal arrancar y servir una solicitud
  75. 75. Es lo que uno recibe al descargar Drupal</li></li></ul><li>Extensibilidadvíamódulos<br />Son el cómo Drupal se extiende<br />Son versátiles y compactos<br />Drupal permite a los módulos usar los llamados hooks<br />El core realiza sus acciones clave con módulos<br />Módulos clave: inamovibles<br />Hay módulos opcionales<br />Acepta módulos de terceros<br />
  76. 76. Las versiones de Drupal <br /><ul><li>Drupal 4.7 - Mayo 1, 2006
  77. 77. Formularios con capacidadparaautocompletarse
  78. 78. Múltiplesregionespara los bloques
  79. 79. Etiquetadolibre
  80. 80. Mejoras a los agregadores</li></li></ul><li>Las versiones de Drupal <br /><ul><li>Drupal 5.0 – Enero 15, 2007
  81. 81. Instaladorbasado en web
  82. 82. Páginas de administraciónmejoradas
  83. 83. Filtrado de URL
  84. 84. Tipos de contenidopersonalizados</li></li></ul><li>Las versiones de Drupal <br /><ul><li>Drupal 6.0 – Febrero 13, 2008
  85. 85. SoporteparaOpenID
  86. 86. Mejoras en la localización
  87. 87. Acciones y disparadores
  88. 88. Administración drag-and-drop</li></li></ul><li>Las versiones de Drupal <br /><ul><li>Drupal 7.0 – 5 de Enero de 2011
  89. 89. Contenido flexible
  90. 90. Mejordiseño de plantillas
  91. 91. Accessible
  92. 92. Testing automático del código
  93. 93. Soporte de base de datos mejorado</li></li></ul><li>PRONTO<br />HTML5 en Drupal 8<br />
  94. 94. Requerimientos<br />Para Drupal 7:<br /><ul><li>Un servidor web: Apache (recomendado), Nginx, Lighttpd, o Microsoft IIS
  95. 95. Base de datos: MySQL 5.0.15 o superior, PostgreSQL 8.3 o superior, o SQLite 3.x
  96. 96. PHP: 5.2.4 y superior
  97. 97. Memoria: 32MB (Un sitio con varios de los módulos más comúnmente habilitados puede requerir 64MB o más.)</li></li></ul><li>Módulos<br /><ul><li>Un módulo es una forma de extender las funcionalidades que ofrece Drupal.
  98. 98. Por lo general un módulo es un montón de archivos de código (usualmente en PHP) y quizás alguna hoja de estilo (CSS).
  99. 99. Por ejemplo. Su sitio tiene contenido. ¿Quiere describirlo? En HTML esto se hace con descriptores META. Y para administrarlos en Drupal puede instalar el módulo Nodewords</li></li></ul><li>Módulos<br /><ul><li>Módulos del core requeridos
  100. 100. Módulos del core opcionales
  101. 101. Módulos de terceros</li></li></ul><li>Matriz Comparativa<br />
  102. 102. Sitioshechos en Drupal<br />
  103. 103. MTV<br />
  104. 104. Warner Bros.<br />
  105. 105. FOX<br />
  106. 106. Play Station<br />
  107. 107. Ubuntu<br />
  108. 108. y……<br />
  109. 109. Play Boy<br />
  110. 110. Gracias<br />

×