Tecnología WebTecnología WebCurso Sistemas de Curso Sistemas de

InformaciónInformación

Lewis M. Soncco Araujo Lewis M. Soncco Araujo

Lima – 2008Lima – 2008

Maestría en Ciencias de la Computación

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

DefiniciónDefinición

TECNOLOGÍAS DEDESARROLLO DEPAGINAS WEB

TECNOLOGÍAS DE TECNOLOGIAS

INTERCONEXION DE

ORDENADORES

TECNOLOGÍAWEB

Usa

Usa

SE

COMPONE

NAVEGADORESWEB

SERVIDORESWEB

OTRASTECNOLOGÍAS

DE TECNOLOGIAS

URL (Localizador Uniforme de Recursos)

DefiniciónDefinición

Es un Tecnología que utiliza todas las Es un Tecnología que utiliza todas las tecnologías de inter conectividad de tecnologías de inter conectividad de ordenadores que permite a los ordenadores que permite a los usuarios el intercambio, en formato usuarios el intercambio, en formato de hipertexto, de todo tipo de datos de hipertexto, de todo tipo de datos e información (Texto, imágenes, e información (Texto, imágenes, sonido) y de aplicaciones de sonido) y de aplicaciones de software.software.

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

Arquitectura clásica CLIENTE - Arquitectura clásica CLIENTE - SERVIDOR SERVIDOR

Arquitectura clásica CLIENTE - Arquitectura clásica CLIENTE - SERVIDORSERVIDOR

* * Navegadores WebNavegadores Web: Internet Explorer, Opera, Mozilla : Internet Explorer, Opera, Mozilla Firefox, Netscape Navigator, Konqueror, Lynx, Anaya, Firefox, Netscape Navigator, Konqueror, Lynx, Anaya, Epiphany, Galeon, Safari, Seamonkey, Shiira, Maik Epiphany, Galeon, Safari, Seamonkey, Shiira, Maik Navigator.Navigator.

* Servidores Web:* Servidores Web: Servidor HTTP Apache, Internet Servidor HTTP Apache, Internet Information Services IIS, Resin, Tomcat, Jerónimo, CERN Information Services IIS, Resin, Tomcat, Jerónimo, CERN HTTPD, Servido HTTP Cheroque, JBoss, JOnAS.HTTPD, Servido HTTP Cheroque, JBoss, JOnAS.

* Lenguajes de Programación: * Lenguajes de Programación: los lenguajes de los lenguajes de programación de etiquetas como HTML (Hipert Text Markup programación de etiquetas como HTML (Hipert Text Markup Lenguaje), DHTML o HTML Dinámico, CSS (Cascadin Style Lenguaje), DHTML o HTML Dinámico, CSS (Cascadin Style Sheet), JavaScrip, Java, ASP, PHP, XML,.Net,vb script, etc.Sheet), JavaScrip, Java, ASP, PHP, XML,.Net,vb script, etc.

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del webEvolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

Evolución del web Evolución del web

Web 1.0 Aplicaciones de Internet - Todo el mundo puede accederWeb 2.0 Contenido generado por el usuario - Todo el mundo puede

publicarWeb 3.0 Plataformas - Todo el mundo puede innovar

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

¿Cómo apoya al Flujo de la ¿Cómo apoya al Flujo de la información?información?

Permite implementar con facilidad Permite implementar con facilidad procedimientos operativos para sus procedimientos operativos para sus empleados y socios estratégicos, empleados y socios estratégicos, tanto para mejorar los mecanismos tanto para mejorar los mecanismos de información y comunicación de información y comunicación dentro y fuera de su compañía.dentro y fuera de su compañía.

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

¿Cómo apoya a la toma de ¿Cómo apoya a la toma de decisiones?decisiones?

Acceso global a los datos en tiempo Acceso global a los datos en tiempo real desde cualquier lugar del mundo real desde cualquier lugar del mundo a través de Internet.a través de Internet. ( (reportes y reportes y consolidaciónconsolidación))

Acelerar el aprendizaje e impulsar la Acelerar el aprendizaje e impulsar la creatividad mediante buscadores y la creatividad mediante buscadores y la hipermedia.hipermedia.

Trabajo colaborativo. Grupo de Trabajo colaborativo. Grupo de personas que actualizan o comparten personas que actualizan o comparten información.información.

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

EDIEDI

EDI, Intercambio Electrónico de Datos, es un EDI, Intercambio Electrónico de Datos, es un conjunto de procedimientos y normas que conjunto de procedimientos y normas que permiten la comercialización, control y registro de permiten la comercialización, control y registro de las actividades (transacciones) electrónicas. Es el las actividades (transacciones) electrónicas. Es el intercambio electrónico de datos y documentos intercambio electrónico de datos y documentos de computador a computador, en un formato de computador a computador, en un formato estándar universalmente aceptado, que se realiza estándar universalmente aceptado, que se realiza entre una empresa y sus Asociados Comercialesentre una empresa y sus Asociados Comerciales

GD-Web: Sistema de Gestión GD-Web: Sistema de Gestión de Documentos en la Webde Documentos en la Web

Cisco systemsCisco systems

Considera su habilidad para aliarse con eficacia Considera su habilidad para aliarse con eficacia con otras empresas como una fortaleza distintiva con otras empresas como una fortaleza distintiva frente a sus competidores. frente a sus competidores.

En 2001, sus ventas en 75 países se apoyaron en En 2001, sus ventas en 75 países se apoyaron en centros técnicos ubicados en Australia, Bélgica, centros técnicos ubicados en Australia, Bélgica, Canadá, India y Estados Unidos. Las ventas Canadá, India y Estados Unidos. Las ventas internacionales representaron el 42% de sus internacionales representaron el 42% de sus ingresos.ingresos.

““Para muchas empresas establecidas, la Web ha Para muchas empresas establecidas, la Web ha legitimado alianzas” El director de alianzas legitimado alianzas” El director de alianzas globales de Accenture un socio de Cisco en el globales de Accenture un socio de Cisco en el ramo de la seguridad en comunicaciones ramo de la seguridad en comunicaciones inalámbricas.inalámbricas.

Mastercut Tool CorpMastercut Tool Corp Deja a los clientes acceder a Deja a los clientes acceder a

cierta información como son cierta información como son facturas, citas y sus facturas, citas y sus embarques, o hacen una embarques, o hacen una lectura ligera para partes lectura ligera para partes disponibles.disponibles.

Mastercut también encuentra Mastercut también encuentra que economiza el tiempo que economiza el tiempo considerable facultando a considerable facultando a clientes y representantes a clientes y representantes a colocar sus órdenes en líneacolocar sus órdenes en línea

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

VentajasVentajas

Entre las ventajas de esta tecnología Entre las ventajas de esta tecnología tenemos:tenemos:

Compartir toda la información.Compartir toda la información. Aplicaciones (software) como servicio Aplicaciones (software) como servicio

y no como producto.y no como producto. UbicuidadUbicuidad CooperaciónCooperación

DesventajasDesventajas

Entre las desventajas de esta Entre las desventajas de esta tecnología tenemos:tecnología tenemos:

Seguridad de datosSeguridad de datos La conexión a InternetLa conexión a Internet

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la Modelo Extendido de Aceptación de la

TecnologíaTecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

Modelo Extendido de Aceptación de la Modelo Extendido de Aceptación de la TecnologíTecnologíaa

Facilidad de Uso

Utilidad

Efecto Industria

Intensidad Final de

Uso

Uso de La Tecnología

Influye

Influye

Influye

Con lleva a cambios

Influye Influye

Con lleva

Modelo Extendido de Modelo Extendido de Aceptación de la TecnologíAceptación de la Tecnologíaa

Modelo Extendido de Modelo Extendido de Aceptación de la TecnologíAceptación de la Tecnologíaa

Modelo Extendido de Modelo Extendido de Aceptación de la TecnologíAceptación de la Tecnologíaa

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

AJUSTESSe corrigen los elementos de diseño que no funcionan correctamente o se visualizan de acuerdo a lo previsto

Implementar Una Pagina WebImplementar Una Pagina Web

PREDISEÑO

CONSTRUCCIÓN

IMPLEMENTACIÓN EN UN SERVIDOR

PROMOCIÓNEXPERIENCIA

AJUSTESSe corrigen los elementos de pre diseño que no cumplen los requisitos previstos1

2

3

Implementar Una Pagina WebImplementar Una Pagina Web¿Para qué?OBJETIVOS

¿Qué, Cuanto?CONTENIDOS

¿Cómo?ESTRUCTURA

¿Cómo?VISUALIZACIÓN

¿Para quienes?PUBLICOQué debe contener para

cumplir los objetivos

Cómo se organizan

Cómo se encuentran las cosas

Qué les interesa

Cómo buscarán

Estética/Cultura/Gustos

Se Determinan mutuamente

Información del Servidor WebInformación del Servidor Web Page: http://members.000webhost.comPage: http://members.000webhost.com Domain Domain pucp.site50.netpucp.site50.net Disk Usage Disk Usage 6.6 / 1500.0 MB6.6 / 1500.0 MB Bandwidth 100000 MB (100GB) Home Root Bandwidth 100000 MB (100GB) Home Root

/home/a8457836 /home/a8457836 Server Name server18.000webhost.com Server Name server18.000webhost.com IP Address 64.235.57.36 IP Address 64.235.57.36 Apache ver. 2.2.10 (Unix) Apache ver. 2.2.10 (Unix) PHP version 5.2.PHP version 5.2. MySQL ver. 5.0.51-community Activated On 2008-09-28 MySQL ver. 5.0.51-community Activated On 2008-09-28

23:1723:17

Herramientas UtilizadasHerramientas Utilizadas

Simple Machines ForumSimple Machines Forum, , abreviado abreviado SMFSMF

Constructor de Sitios Web de Constructor de Sitios Web de 000webhost.com000webhost.com

SeguridadSeguridad

EstadísticasEstadísticas

EstadísticasEstadísticas

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

ConclusionesConclusiones

La aplicación de la tecnología web utilizando el medio de La aplicación de la tecnología web utilizando el medio de comunicación Internet, ha cambiado la cultura comunicación Internet, ha cambiado la cultura organizacional de la empresa y el aprovechamiento de organizacional de la empresa y el aprovechamiento de muchas oportunidades de negocios.muchas oportunidades de negocios.

Con la Tecnología Web podemos tener acceso a la Con la Tecnología Web podemos tener acceso a la información de manera rápida, oportuna, libre y a bajo información de manera rápida, oportuna, libre y a bajo costo e incluso gratis costo e incluso gratis permite formular alternativas que permite formular alternativas que conlleva a una buena toma de decisiones.conlleva a una buena toma de decisiones.

La diferencia en competitividad en nuestra empresa se La diferencia en competitividad en nuestra empresa se puede medir también con la Tecnología Web.puede medir también con la Tecnología Web.

La industria en la que se desarrolla un empresa, pude La industria en la que se desarrolla un empresa, pude ser crucial para el uso de Tecnología web.ser crucial para el uso de Tecnología web.

ConclusionesConclusiones

En el proceso de diseño de una pagina web debemos En el proceso de diseño de una pagina web debemos pensar pensar como medio de comunicación entre como medio de comunicación entre personas y personas y no como la interrelación usuario - tecnología.no como la interrelación usuario - tecnología.

ÍndiceÍndice Definición de Tecnología WebDefinición de Tecnología Web Arquitectura clásica CLIENTE – SERVIDORArquitectura clásica CLIENTE – SERVIDOR Evolución del web Evolución del web ¿Cómo apoya al Flujo de la información?¿Cómo apoya al Flujo de la información? ¿Cómo apoya a la toma de decisiones?¿Cómo apoya a la toma de decisiones? Casos De EstudioCasos De Estudio Ventajas y desventajasVentajas y desventajas Modelo Extendido de Aceptación de la TecnologíaModelo Extendido de Aceptación de la Tecnología Implementar Una Pagina WebImplementar Una Pagina Web ConclusionesConclusiones BibliografíaBibliografía

BibliografíaBibliografía Libro:Libro: Las empresas turísticas en la sociedad de la Las empresas turísticas en la sociedad de la

informacióninformación Autor:Autor: Ramón Rufín Moreno, Centro de Estudios Ramón Ramón Rufín Moreno, Centro de Estudios Ramón

ArecesArecesEditorial:Editorial: Ramón Areces, 2002 Ramón Areces, 2002

Libro:Libro: Foundations of Web Technology Foundations of Web Technology Autor Autor Ramesh R. SarukkaiRamesh R. Sarukkai

Editorial:Editorial: Springer, 2002 Springer, 2002 Libro:Libro: International Business: Environments and International Business: Environments and

OperationsOperations Autor :Autor : John D. Daniels, Lee H. Radebaugh, Daniel P. John D. Daniels, Lee H. Radebaugh, Daniel P.

Sullivan Contributor Lee H. Radebaugh, Daniel P. SullivanSullivan Contributor Lee H. Radebaugh, Daniel P. Sullivan Editorial:Editorial: Pearson Educación, 2004 Pearson Educación, 2004

BibliografíaBibliografía Pagina Web: Pagina Web: httphttp://://www.microsoft.comwww.microsoft.com//spainspain//enterpriseenterprise//

casestudiescasestudies//cs_microsoft_finweb01cs_microsoft_finweb01..aspxaspx

Tema: Tema: FinWeb: Cómo comparte Microsoft la información financiera entre FinWeb: Cómo comparte Microsoft la información financiera entre los gruposlos gruposAño de PublicaciónAño de Publicación: 2000: 2000

Pagina Web: Pagina Web: httphttp://://www.marketingmk.comwww.marketingmk.com//ver_detalleArt.asp?idArtver_detalleArt.asp?idArt=47724&=47724&actionaction=ver=ver

Tema:Tema: Los foros de Internet, herramienta para la toma de decisiones Los foros de Internet, herramienta para la toma de decisiones Año de Publicación: Año de Publicación: abril 2008 abril 2008

BibliografíaBibliografía TesisTesis: SGD-Web: Sistema de Gestión de Documentos en la Web: SGD-Web: Sistema de Gestión de Documentos en la Web

AutorAutor: Lic. Sais Flores Hernández: Lic. Sais Flores HernándezAñoAño: mayo del 2004: mayo del 2004

Articulo:Articulo:http://www.bitpipe.com/detail/RES/1211222191_105.htmlhttp://www.bitpipe.com/detail/RES/1211222191_105.htmlTema: Tema: Using Web Technology for Competitive Advantage: How Manufacturers Leverage the Web for Internal Efficiency, Enhanced Customer Service and Increased SalesUsing Web Technology for Competitive Advantage: How Manufacturers Leverage the Web for Internal Efficiency, Enhanced Customer Service and Increased Sales

ArticuloArticulo: Aceptación empresarial de las tecnologías de la información y de : Aceptación empresarial de las tecnologías de la información y de la comunicación: un análisis del sector serviciosla comunicación: un análisis del sector serviciosAutoresAutores: : Blanca Hernández Ortega, Julio Jiménez Martínez, Maria José Blanca Hernández Ortega, Julio Jiménez Martínez, Maria José Martín De HoyosMartín De HoyosAñoAño: 2007: 2007