1. Tecnología WebTecnología Web
Curso Sistemas deCurso Sistemas de
InformaciónInformación
Lewis M. Soncco AraujoLewis M. Soncco Araujo
Lima – 2008Lima – 2008
Maestría en Ciencias de la Computación

2. Í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

3. DefiniciónDefinición
TECNOLOGÍAS DE
DESARROLLO DE
PAGINAS WEB
TECNOLOGÍAS DE
TECNOLOGIAS
INTERCONEXION
DE
ORDENADORES
TECNOLOGÍA
WEB
Usa
Usa
S
E
C
O
M
P
O
N
E
NAVEGADORES
WEB
SERVIDORES
WEB
OTRAS
TECNOLOGÍAS
DE
TECNOLOGIAS
URL
(Localizador
Uniforme de
Recursos)

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

5. Í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

6. Arquitectura clásica CLIENTE -Arquitectura clásica CLIENTE -
SERVIDORSERVIDOR

7. 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, MaikEpiphany, Galeon, Safari, Seamonkey, Shiira, Maik
Navigator.Navigator.
 * Servidores Web:* Servidores Web: Servidor HTTP Apache, InternetServidor HTTP Apache, Internet
Information Services IIS, Resin, Tomcat, Jerónimo, CERNInformation 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 delos lenguajes de
programación de etiquetas como HTML (Hipert Text Markupprogramación de etiquetas como HTML (Hipert Text Markup
Lenguaje), DHTML o HTML Dinámico, CSS (Cascadin StyleLenguaje), 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.

8. Í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

9. Evolución del webEvolución del web
Web 1.0 Aplicaciones de Internet - Todo el mundo puede acceder
Web 2.0 Contenido generado por el usuario - Todo el mundo puede
publicar
Web 3.0 Plataformas - Todo el mundo puede innovar

10. Í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

11. ¿Cómo apoya al Flujo de la¿Cómo apoya al Flujo de la
información?información?
 Permite implementar con facilidadPermite implementar con facilidad
procedimientos operativos para susprocedimientos operativos para sus
empleados y socios estratégicos,empleados y socios estratégicos,
tanto para mejorar los mecanismostanto para mejorar los mecanismos
de información y comunicaciónde información y comunicación
dentro y fuera de su compañía.dentro y fuera de su compañía.

12. Í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

13. ¿Cómo apoya a la toma de¿Cómo apoya a la toma de
decisiones?decisiones?
 Acceso global a los datos en tiempoAcceso global a los datos en tiempo
real desde cualquier lugar del mundoreal desde cualquier lugar del mundo
a través de Internet.a través de Internet. ((reportes yreportes y
consolidaciónconsolidación))
 Acelerar el aprendizaje e impulsar laAcelerar el aprendizaje e impulsar la
creatividad mediante buscadores y lacreatividad mediante buscadores y la
hipermedia.hipermedia.
 Trabajo colaborativo. Grupo deTrabajo colaborativo. Grupo de
personas que actualizan o compartenpersonas que actualizan o comparten
información.información.

14. Í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

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

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

17. Cisco systemsCisco systems
 Considera su habilidad para aliarse con eficaciaConsidera su habilidad para aliarse con eficacia
con otras empresas como una fortaleza distintivacon otras empresas como una fortaleza distintiva
frente a sus competidores.frente a sus competidores.
 En 2001, sus ventas en 75 países se apoyaron enEn 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 ventasCanadá, India y Estados Unidos. Las ventas
internacionales representaron el 42% de susinternacionales representaron el 42% de sus
ingresos.ingresos.
 ““Para muchas empresas establecidas, la Web haPara muchas empresas establecidas, la Web ha
legitimado alianzas” El director de alianzaslegitimado alianzas” El director de alianzas
globales de Accenture un socio de Cisco en elglobales de Accenture un socio de Cisco en el
ramo de la seguridad en comunicacionesramo de la seguridad en comunicaciones
inalámbricas.inalámbricas.

18. Mastercut Tool CorpMastercut Tool Corp
 Deja a los clientes acceder aDeja a los clientes acceder a
cierta información como soncierta información como son
facturas, citas y susfacturas, citas y sus
embarques, o hacen unaembarques, o hacen una
lectura ligera para parteslectura ligera para partes
disponibles.disponibles.
 Mastercut también encuentraMastercut también encuentra
que economiza el tiempoque economiza el tiempo
considerable facultando aconsiderable facultando a
clientes y representantes aclientes y representantes a
colocar sus órdenes en líneacolocar sus órdenes en línea

19. Í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

20. VentajasVentajas
Entre las ventajas de esta tecnologíaEntre las ventajas de esta tecnología
tenemos:tenemos:
 Compartir toda la información.Compartir toda la información.
 Aplicaciones (software) como servicioAplicaciones (software) como servicio
y no como producto.y no como producto.
 UbicuidadUbicuidad
 CooperaciónCooperación

21. DesventajasDesventajas
Entre las desventajas de estaEntre las desventajas de esta
tecnología tenemos:tecnología tenemos:
 Seguridad de datosSeguridad de datos
 La conexión a InternetLa conexión a Internet

22. Í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 laModelo Extendido de Aceptación de la
TecnologíaTecnología
 Implementar Una Pagina WebImplementar Una Pagina Web
 ConclusionesConclusiones
 BibliografíaBibliografía

23. Modelo Extendido de Aceptación de laModelo 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

24. Modelo Extendido deModelo Extendido de
Aceptación de la TecnologíAceptación de la Tecnologíaa

25. Modelo Extendido deModelo Extendido de
Aceptación de la TecnologíAceptación de la Tecnologíaa

26. Modelo Extendido deModelo Extendido de
Aceptación de la TecnologíAceptación de la Tecnologíaa

27. Í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

28. AJUSTES
Se 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ÓN
EXPERIENCIA
AJUSTES
Se corrigen los
elementos de pre diseño
que no cumplen los
requisitos previstos1
2
3

29. Implementar Una Pagina WebImplementar Una Pagina Web
¿Para qué?
OBJETIVOS
¿Qué, Cuanto?
CONTENIDOS
¿Cómo?
ESTRUCTURA
¿Cómo?
VISUALIZACIÓN
¿Para quienes?
PUBLICO
Qué 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

30. Información del Servidor WebInformación del Servidor Web
 Page: http://members.000webhost.comPage: http://members.000webhost.com
 DomainDomain pucp.site50.netpucp.site50.net
 Disk UsageDisk Usage 6.6 / 1500.0 MB6.6 / 1500.0 MB
 Bandwidth 100000 MB (100GB) Home RootBandwidth 100000 MB (100GB) Home Root
/home/a8457836/home/a8457836
 Server Name server18.000webhost.comServer Name server18.000webhost.com
 IP Address 64.235.57.36IP 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-28MySQL ver. 5.0.51-community Activated On 2008-09-28
23:1723:17

31. Herramientas UtilizadasHerramientas Utilizadas
 Simple Machines ForumSimple Machines Forum,,
abreviadoabreviado SMFSMF
 Constructor de Sitios Web deConstructor de Sitios Web de
000webhost.com000webhost.com

32. SeguridadSeguridad

33. EstadísticasEstadísticas

34. EstadísticasEstadísticas

35. Í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

36. ConclusionesConclusiones
 La aplicación de la tecnología web utilizando el medio deLa aplicación de la tecnología web utilizando el medio de
comunicación Internet, ha cambiado la culturacomunicación Internet, ha cambiado la cultura
organizacional de la empresa y el aprovechamiento deorganizacional de la empresa y el aprovechamiento de
muchas oportunidades de negocios.muchas oportunidades de negocios.
 Con la Tecnología Web podemos tener acceso a laCon la Tecnología Web podemos tener acceso a la
información de manera rápida, oportuna, libre y a bajoinformación de manera rápida, oportuna, libre y a bajo
costo e incluso gratiscosto e incluso gratis permite formular alternativas quepermite formular alternativas que
conlleva a una buena toma de decisiones.conlleva a una buena toma de decisiones.
 La diferencia en competitividad en nuestra empresa seLa 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, pudeLa 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.

37. ConclusionesConclusiones
 En el proceso de diseño de una pagina web debemosEn el proceso de diseño de una pagina web debemos
pensarpensar como medio de comunicación entrecomo medio de comunicación entre personas ypersonas y
no como la interrelación usuario - tecnología.no como la interrelación usuario - tecnología.

38. Í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

39. BibliografíaBibliografía
 Libro:Libro: Las empresas turísticas en la sociedad de laLas empresas turísticas en la sociedad de la
informacióninformación
Autor:Autor: Ramón Rufín Moreno, Centro de Estudios RamónRamón Rufín Moreno, Centro de Estudios Ramón
ArecesAreces
Editorial:Editorial: Ramón Areces, 2002Ramón Areces, 2002
 Libro:Libro: Foundations of Web TechnologyFoundations of Web Technology
AutorAutor Ramesh R. SarukkaiRamesh R. Sarukkai
Editorial:Editorial: Springer, 2002Springer, 2002
 Libro:Libro: International Business: Environments andInternational 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, 2004Pearson Educación, 2004

40. 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 entreFinWeb: Cómo comparte Microsoft la información financiera entre
los gruposlos grupos
Añ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 decisionesLos foros de Internet, herramienta para la toma de decisiones
Año de Publicación:Año de Publicación: abril 2008abril 2008

41. 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ández
Añ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.html
Tema:Tema:
Using Web Technology for Competitive Advantage: How Manufacturers LUsing Web Technology for Competitive Advantage: How Manufacturers L
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 servicios
AutoresAutores:: 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 Hoyos
AñoAño: 2007: 2007