Portal web

74

Transcript of Portal web

Page 1: Portal web
Page 2: Portal web

PORTAL WEB

1. Antecedentes

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.

Page 3: Portal web

2. Definición de portal web

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

Page 4: Portal web

3. DEFINICION DE PAGINA WEB Y SITIO WEB

a. Página Web.

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.

Page 5: Portal web

b. Sitio Web.

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.

Una página web es un documento

HTML/XHTML accesible generalmente

mediante el protocolo HTTP de Internet.

Page 6: Portal web

4.OBJETIVO DE UN PORTAL WEB.

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.

Page 7: Portal web

4.OBJETIVO DE UN PORTAL WEB.

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.

Page 8: Portal web

4.OBJETIVO DE UN PORTAL WEB.

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.

Page 9: Portal web

5. CARACTERISTICAS DE UN PORTAL WEB.

a. Son la puerta de entrada a la red o en el Web

de referencia.

b. Ofrecen servicios gratuitos de utilidad para el

internauta.

c. Cuentan con un motor de búsqueda, bien sea

de recursos propios o ajenos.

d. La utilización de lenguajes de

programación para la presentación

y administración de contenidos y

servicios en línea.

Page 10: Portal web

5. CARACTERISTICAS DE UN PORTAL WEB.

e. Recursos informativos, divididos yorganizados.

f. Interacción personalizada con los serviciosque ofrece el portal.

g. Acceso a información de

fuentes diversas, agregada y categorizada.

h. Integración de herramientas decolaboración como grupos de trabajo,comunidades, foros o grupos de discusión ychats.

Page 11: Portal web

4. TIPOLOGIA DE PORTALES.

a. Portales Genéricos:

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:

· www.altavista.com

· www.aol.com

· www.yahoo.com

· www.terra.com

Page 12: Portal web

b. Portales Especializados:

Denominados también portalesverticales o VEP (Vertical Enterprise Portal).

Adapta sus contenidos a la necesidaddel cliente (tanto información comoservicios). En este último caso, el acceso noes gratuito y se trata de una Intranet. Así,deben considerarse los portales corporativosque, dentro de una

Intranet corporativa, proveen

a sus miembros de información

interna y externa relacionada

con la propia entidad.

Page 13: Portal web

Ejemplo de portales verticales se tienen:

<http://www.infoamerica.org>: portal decomunicación, proyecto de información digitalsobre temas de comunicación en Ibero América.

· <http://www.softonic.com/>: portal dedicado alsoftware en el cual los visitantes puedendescargar programas de todo tipo y dejar suscomentarios sobre el mismo.

· <http://www.gobiernoelectronico.org/>: portalvertical dedicado al tema de los gobiernoselectrónicos en América Latina.

Page 14: Portal web

VIGNETTE WEB CONTENT

MANAGEMENT ENHANCED

SUITE

Page 15: Portal web

VIGNETTE AHORA ES OPEN TEXT

Vignette es parte de Open Text, líder mundial de Gestiónde Contenido Empresarial (ECM). Juntos, su Gestor deContenido Web, Portal y Soluciones de Colaboración,son el eje para proporcionar la Experiencia Web. Laorganización líder mundial confía en Vignette paraincrementar sus principales soluciones Web y deNegocios electrónicos (e-business) y en ofrecerbeneficios, tales como, el incremento de lealtad de losclientes, la generación de ingresos, productividad yahorro de costos.

Page 16: Portal web
Page 17: Portal web

Las soluciones de Vignette ayudan a las organizaciones a maximizar el valor decualquier tipo de contenido, desde simples documentos a contenido enriquecido.Sus productos y soluciones conforman la plataforma Vignette de experienciasweb, la piedra angular de la gestión de interacciones online.

Durante más de diez años han jugado un papel clave en el desarrollo deinternet. Sus primeras herramientas de gestión y entrega de contenidos fueronlos cimientos de algunas de las Webs más visitadas. Hoy en día, sus solucionesreconocidas mundialmente son el pilar de algunas de las marcas online máspoderosas y permiten a las organizaciones establecer interacciones vinculantescon sus clientes.

Vignette sabe que cada cliente tiene sus propias necesidades y por eso ofrecenuna plataforma adaptada de soluciones.

Page 18: Portal web

Presentación de las familias de soluciones de Vignette

Gestión de contenidos WebFacilite la experiencia online de sus clientes,proporcionándoles contenidos variados y multimedia através de cualquier canal.

La Web es una plataforma que fomenta el cambio y elcrecimiento. Las empresas evolucionan en un entorno digitalcada vez más complejo. Las compañías quieren solucionesescalables capaces de crecer al mismo ritmo que su negocio.Desde el principio Vignette ha ido liderando el proceso deinnovación en la gestión de contenidos Web.

Page 19: Portal web

IntranetOptimice la gestión de la información, el almacenamiento delconocimiento y las redes sociales de la empresa con tecnologíascolaborativas y basadas en portales.

Las soluciones de Intranet son herramientas cada vez másestratégicas para potenciar el intercambio de información, lacolaboración, la gestión de proyectos y otras formas decomunicaciones empresariales.

Las soluciones de Vignette, clasificadas como líderes por los analistas,permiten mejorar la productividad, incrementar la gestión deconocimiento y la eficiencia de los grupos de trabajo.

Vignette también ofrece soluciones basadas en la Intranet queincorporan las últimas funcionalidades de colaboración, Web 2.0, redessociales, vídeo, personalización y búsqueda.

Redes socialesForje comunidades, fomente la participación y promueva lainteracción online mediante comentarios, valoraciones, etiquetas,blogs, wikis, foros, vídeos y recomendaciones.

La solución Social Media basada en una plataforma modular integradapermite a las compañías fomentar su presencia en la Web y facilita lacreación y publicación de UGC (contenido generado por el usuario)tanto en la internet como sobre la intranet. Incorporandofuncionalidades Web 2.0 como blogs, wikis, foros, valoraciones,revisiones y etiquetas, Vignette ofrece una solución Media completa.

Page 20: Portal web

Plataforma de gestión de contenido transaccional

Gestione procesos empresariales centralizados. Gestione

registros y documentos del sector público, de los servicios

financieros e historiales de pacientes.

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.

Optimización de la experiencia web

Optimice el valor de cualquier interacción online de sus clientes

mediante análisis, segmentación y búsquedas sociales.

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 Vignette Experience Optimization le permiten aprovechar

estas interacciones y establecer comunicaciones continuas con todos,

tanto con clientes ya afianzados como con nuevos visitantes.

Page 21: Portal web

Vídeo y medios interactivosIncorpore medios interactivos y vídeo a la experienciaonline para incrementar el tráfico y los ingresos de la web yfidelizar a los clientes.

Los requerimientos de los clientes a nivel de contenido vancambiando. Las experiencias online han evolucionado desde unentorno estático hacia un entorno dinámico gracias al uso desoluciones multimedia enriquecidas tal como imágenes ypresentaciones flash. Hoy en día el mayor enfoque es una Webdonde el contenido y el vídeo se incorporan a través de canalesincluyendo la Web, el móvil, y los sistemas IPTV.

Las soluciones de vídeo y de multimedia enriquecidas deVignette ofrecen una sola interfaz para gestionar cualquier tipode contenido, desde activos web a contenidos enriquecidos yvídeo.

Page 22: Portal web

Durante más de diez años, Vignette ha sido proveedorde soluciones de gestión de contenidos de muchas delas empresas más exigentes y con mayor presencia anivel mundial. Vignette es mucho más que undesarrollador de software, ya que Vignette hademostrado ser uno de los activos más importantes a lahora de conseguir el éxito de sus clientes. Vignetteayuda en la planificación y el desarrollo de los proyectosestratégicos de sus clientes a escala mundial. Ademáscuenta con una red mundial de centros de asistenciapara ayudar a sus clientes en cualquier fase de suproyecto.

Page 23: Portal web

Vignette esta valorada muy positivamente por parte de susclientes. Todos ellos son representantes destacados de susrespectivos sectores, una posición lograda en gran medidagracias 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 experienciaonline de sus audiencias más estratégicas. Sus testimonios nosólo demuestran la potencia y versatilidad de las soluciones deVignette, sino que no hay una única forma de optimizar el canalonline para satisfacer los objetivos y aspiraciones de laorganización.

Existen numerosos casos de éxito en los que pueden ver cómoVignette ayuda a su cliente, pero qué mejor que los propiosclientes comuniquen con sus propias palabras el valor queVignette les ha proporcionado

Page 24: Portal web
Page 25: Portal web
Page 26: Portal web
Page 27: Portal web
Page 28: Portal web
Page 29: Portal web

Es una herramienta sobre todode gestión de contenido muycompleta. Permite realizarenteramente un sitio web decontenidos, con todo lo que esoimplica: estructura multinivel,motor de búsquedas, gestión deautoría y publicación decontenidos, mecanismo de usode plantillas para lamaquetación de páginas, etc.Pero es también un portal.Administra, en particular, lapersonalización de las páginassegún la identidad de losusuarios, es decir sabe integraruna selección de contenidos enuna misma página, según losderechos del usuarioidentificado.

Page 30: Portal web

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í:

Page 31: Portal web

Al crear este sencillo sitio Web aprenderá a:

Editar y crear páginas y su contenido, insertar imágenes, tablas, listas con viñetas, vínculos etc.

Crear áreas protegidas con contraseña en su sitio Web.

Insertar contenido especial como formas para correo electrónico, zonas de búsqueda, mapas delsitio, etc.

Crear un libro de visitas o un boletín de mensajes.

Cambiar colores, imágenes de fondo, tipografía - ¡aún seleccionar otra plantilla!

Administrar a los usuario que dan mantenimiento a las distintas partes de su sitio Web

Crear un flujo de trabajo para la creación de elementos de noticias en la página principal

Saber cómo TYPO3 organiza las páginas en una estructura de árbol y almacena su contenido.

Page 32: Portal web

Guías, Documentación,Tutoriales:

No hay muchos documentos para losdiseñadores de TYPO3 disponibles enotros idiomas. Hay distintas razonespara ello. Una muy importante es que elidioma común de uso de la comunidadinternacional de diseñadores es elinglés. Aun cuando una comunidadabierta como la nuestra pudieramanejar la gran cantidad dedocumentos existente para TYPO3 envarios idiomas, muy pronto losdiseñadores estarían hablando deconceptos distintos, debido al uso dedistintos idiomas.

www.typo3.org

Page 33: Portal web

INSTALACIÓN

1: Descargue el paquete QuickStart (inicio rápido)www.typo3.org

2: Descomprima el paquete en su servidor Web. Enmi caso tengo un servidor Apache localfuncionando. El directorio raíz del sitio Web esc:\apache\htdocs – y es ahí donde descomprimo elpaquete (esta es la misma localización que usa elpaquete de instalación).

3: Inicie su explorador Web, ir a la dirección URLdonde descomprimió sus archivos.

Verá la siguiente pantalla:

... y a continuación la pantalla donde escribe elnombre de usuario y contraseña de la base de datos yel anfitrión local (localhost).

Page 34: Portal web

4: Nombre se usuario y contraseña de la base de datos yanfitrión. En mi caso no requiero de nombre de usuario nicontraseña

5: Crear la base de datos. A continuación escriba el nombre de su base de datos. En mi caso seleccioné "t3_quickstart".

6: Crear el contenido de la base de datos. El paso finales "rellenar" la base de datos. Una nueva base dedatos tal como "t3_quickstart" no contiene datos, claroestá - este paso coloca información de ejemplo paranuestro sitio Web, por ejemplo usuarios, páginas,contenido etc.

Si ve el botón "GO" (continuar) en rojo, significa que ¡ha terminado!¡Felicidades!

Page 35: Portal web

CASO DE ESTUDIO UNIA

TYPO3

Page 36: Portal web

HTTP://WWW.PIER21.CA

Page 37: Portal web
Page 38: Portal web

EL SISTEMA DE GESTIÓN DE CONTENIDOS: TYPO3

Page 39: Portal web

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. "

Page 40: Portal web

BENEFICIOS DE TYPO3 DE PIER 21

Page 41: Portal web

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.

Page 42: Portal web

LÍNEA DE TIEMPO - CUMPLIMIENTO DE LOS PLAZOS

DENTRO DEL PRESUPUESTO

Page 43: Portal web

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.

Page 44: Portal web

DE BÚSQUEDA DE BASE DE DATOS

Page 45: Portal web

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.

"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

Page 46: Portal web
Page 47: Portal web

Qué es Drupal

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.

Está escrito en el lenguaje PHP y corre sobre

bases de datos MySQL o PostgreSQL.

Ofrece a los desarrolladores una base sólida

para extender e implementar soluciones

personalizadas de administración de contenido.

Page 48: Portal web

Qué puede hacerse con Drupal

Sitios web comunitarios/redes sociales

Blogs/Weblogs - Bitácoras

Sitios de comercio electrónico

Foros de discusión

Wikis/Bases de conocimiento

Aplicaciones web de negocios

Intranets/Extranets

Page 49: Portal web

Capacidades de Drupal

Sistema granular de permisos

Administración de usuarios

Manejo de temas gráficos/plantillas

Sindicación (hilos RSS)/Agregación

Tipos de contenido a la medida

Generación visual de consultas de datos

Control y moderación de contenido

Gestión WYSIWYG de archivos… ¡Y mucho

más!

Page 50: Portal web

Historia

Drupal nace en 1999 de la mano de Dries Buytaert

Drupal 1 (DROP) en 1999 drupal.org

Page 51: Portal web

Por qué usar Drupal

Porque es fácil de instalar

Porque es fácil de usar, amigable (ejem)

Porque es fácil de aprender (ejem ejem)

Porque es increíblemente variado y rico en

funcionalidades (a través de sus módulos)

Porque es gratis/código abierto (GNU/GPL)

Porque es flexible, robusto y modular

Porque tiene gran soporte comunitario

Page 52: Portal web

Pros y Contras

Pros

- Funcionalidades más importantes de serie

- Altas posibilidades de personalización

- Existencia de una gran comunidad

- Rendimiento

Contras

- Curva de aprendizaje elevada

Page 53: Portal web

Modelo de Datos

Page 54: Portal web
Page 55: Portal web

El core de Drupal

Marco de desarrollo

compacto y ligero

Librería de funciones

comunes

Permite a Drupal arrancar

y servir una solicitud

Es lo que uno recibe al

descargar Drupal

Page 56: Portal web

Extensibilidad vía módulos

Son el cómo Drupal se extiende

Son versátiles y compactos

Drupal permite a los módulos usar los

llamados hooks

El core realiza sus acciones clave con

módulos

Módulos clave: inamovibles

Hay módulos opcionales

Acepta módulos de terceros

Page 57: Portal web

Las versiones de Drupal

o Drupal 4.7 - Mayo 1, 2006

o Formularios con capacidad paraautocompletarse

o Múltiples regiones para los bloques

o Etiquetado libre

o Mejoras a los agregadores

Page 58: Portal web

Las versiones de Drupal

• Drupal 5.0 – Enero 15, 2007

• Instalador basado en web

• Páginas de administraciónmejoradas

• Filtrado de URL

• Tipos de contenidopersonalizados

Page 59: Portal web

Las versiones de Drupal

Drupal 6.0 – Febrero 13, 2008

Soporte para OpenID

Mejoras en la localización

Acciones y disparadores

Administración drag-and-drop

Page 60: Portal web

Las versiones de Drupal

Drupal 7.0 – 5 de Enero de 2011

Contenido flexible

Mejor diseño de plantillas

Accessible

Testing automático del código

Soporte de base de datos mejorado

Page 61: Portal web

PRONTO

HTML5 en

Drupal 8

Page 62: Portal web

Requerimientos

Para Drupal 7:

•Un servidor web: Apache (recomendado), Nginx, Lighttpd,

o Microsoft IIS

•Base de datos: MySQL 5.0.15 o superior, PostgreSQL 8.3 o

superior, o SQLite 3.x

•PHP: 5.2.4 y superior

•Memoria: 32MB (Un sitio con varios de los módulos más

comúnmente habilitados puede requerir 64MB o más.)

Page 63: Portal web

Módulos

Un módulo es una forma de extender las funcionalidades que ofrece Drupal.

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).

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

Page 64: Portal web

Módulos

Módulos del core requeridos

Módulos del core opcionales

Módulos de terceros

Page 65: Portal web

Matriz Comparativa

Page 66: Portal web

Sitios hechos en Drupal

Page 67: Portal web

MTV

Page 68: Portal web

Warner Bros.

Page 69: Portal web

FOX

Page 70: Portal web

Play Station

Page 71: Portal web

Ubuntu

Page 72: Portal web

y……

Page 73: Portal web

Play Boy

Page 74: Portal web

Gracias