Ingeniería WEB: Departamento de Ciencias de La Computación y Electrónica

UNIVERSIDAD TCNICA PARTICULAR DE LOJA
La Universidad Catlica de Loja

MODALIDAD ABIERTA Y A DISTANCIA
Departamento de Ciencias de la Computacin y Electrnica

Seccin Tecnologas Avanzadas de la Web y SBC
Ingeniera WEB
Gua didctica
4 crditos
Titulacin
Ciclo
Ingeniero en Informtica
VII
Autor:
Ing. Ramiro Leonardo Ramirez Coronel

Estimado estudiante recuerde que la presente gua didctica est disponible en el EVA en formato PDF interactivo,
lo que le permitir acceder en lnea a todos los recursos educativos.
Asesora virtual:
www.utpl.edu.ec
INGENIERA WEB
Gua didctica
Ramiro Leonardo Ramrez Coronel
CC Ecuador 3.0 By NC ND
Diagramacin, diseo e impresin:
EDILOJA Ca. Ltda.
Telefax: 593-7-2611418
San Cayetano Alto s/n
www.ediloja.com.ec
edilojainfo@ediloja.com.ec
Loja-Ecuador
Primera edicin
Segunda reimpresin
ISBN-978-9942-08-374-6
Esta versin impresa, ha sido acreditada bajo la licencia Creative Commons Ecuador 3.0 de reconocimiento -no comercial- sin obras derivadas;
ni se realicen obras derivadas. http://www.creativecommons.org/licences/by-nc-nd/3.0/ec/
Octubre, 2013
2. ndice
3. Introduccin ......................................................................................................................................... 5
4. Bibliografa............................................................................................................................................ 6
4.1 Bsica................................................................................................................................................. 6
4.2 Complementaria................................................................................................................................ 6
5. Orientaciones generales para el estudio .................................................................................. 9

6. Proceso de enseanza-aprendizaje para el logro de competencias............................. 11
PRIMER BIMESTRE
6.1 Competencias genricas.................................................................................................................... 11
6.2 Planificacin para el trabajo del alumno......................................................................................... 11
6.3 Sistema de evaluacin de la asignatura (primero y segundo bimestre)....................................... 13
6.4 Orientaciones especficas para el aprendizaje por competencias................................................... 14
UNIDAD 1: INTRODUCCIN A LA INGENIERA WEB Y METODOLOGA DE DESARROLLO....................................... 14
1.1 Por qu se debe estudiar la ingeniera web? ................................................................................. 14

1.2 Diferencia entre la ingeniera de software tradicional y la ingeniera web.......................................... 18
1.3 Metodologa de desarrollo................................................................................................................ 19
1.4 Fase de analisis ................................................................................................................................ 19
1.5 Fase de planificacion ........................................................................................................................ 23
1.6 Fase de contenido............................................................................................................................. 25
1.7 Fase de diseo.................................................................................................................................. 25
1.8 Fase de programacin....................................................................................................................... 26
1.9 Fase de pruebas o testeo.................................................................................................................. 27
1.10 Fase de publicidad............................................................................................................................. 28
AUTOEVALUACIN 1.................................................................................................................................. 28
UNIDAD 2: CONSTRUCCIN DE SITIOS MEDIANTE MANEJADORES DE CONTENIDOS............................................ 30
2.1
2.2
2.3
2.4
2.5
2.6
Configuracin de un servidor web...................................................................................................... 30

Introduccin a los CMS...................................................................................................................... 35
Tipos de CMS.................................................................................................................................... 36
Propiedades de los CMS.................................................................................................................... 37
Ventajas y desventajas...................................................................................................................... 37
Reconocer web con CMS. ................................................................................................................. 38
AUTOEVALUACIN 2.................................................................................................................................. 39
UNIDAD 3: USABILIDAD................................................................................................................................ 41
3.1
3.2
3.3
3.4
3.5
3.6
Que es la Usabilidad.......................................................................................................................... 41
Reglas para la usabilidad................................................................................................................... 42
Principios generales de usabilidad en sitios web ............................................................................... 44
Usabilidad para pequeos proyectos web ......................................................................................... 45
Navegadores o mens usables ......................................................................................................... 45
Evaluar la usabilidad.......................................................................................................................... 46
AUTOEVALUACIN 3.................................................................................................................................. 48
SEGUNDO BIMESTRE
6.5 Competencias genricas.................................................................................................................... 51
6.7 Orientaciones especficas para el aprendizaje por competencias................................................... 53
UNIDAD 4: ACCESIBILIDAD............................................................................................................................ 53
4.1
4.2
4.3
4.4
Qu es accesibilidad Web.................................................................................................................. 53
Como hacer un sitio accesible............................................................................................................ 54
Evaluacin de la accesibilidad............................................................................................................ 55
Ejercicios de accesibilidad.................................................................................................................. 56
AUTOEVALUACIN 4.................................................................................................................................. 58
UNIDAD 5: SEGURIDAD DE APLICACIONES WEB............................................................................................... 60
5.1 Control de acceso a la informacin................................................................................................... 60

5.2 Control de acceso al servidor con el archivo .htaccess....................................................................... 61
5.3 Configuracin del servidor web.......................................................................................................... 62
5.4 Donde comprar dominios y hosting seguros. .................................................................................... 65
AUTOEVALUACIN 5.................................................................................................................................. 67
UNIDAD 6: WEB SEMANTICA ......................................................................................................................... 69
6.1 Introduccin a la web semntica....................................................................................................... 69

6.2 Metadatos......................................................................................................................................... 70
6.3 Como obtener informacin................................................................................................................ 71
6.4 Principales componentes................................................................................................................... 71
6.5 Capas de la web semntica............................................................................................................... 71
6.6 OWL, URI, RDF.................................................................................................................................. 72
AUTOEVALUACIN 6.................................................................................................................................. 73
7. SOLUCIONARIO.................................................................................................................................... 75
Gua didctica: Ingeniera Web
PRELIMINARES
3. Introduccin
Distinguido estudiante, permtame darle la bienvenida a un nuevo perodo de estudios dentro de su
carrera, en esta ocasin con la asignatura de Ingeniera Web que engloba todo lo relacionado con el
desarrollo e implementacin de aplicaciones en internet, la misma que tiene 4 crditos y es de tipo
troncal. Es satisfactorio para m, en calidad de docente de esta asignatura, desearle el mejor de los xitos
y poder acompaarle en el estudio de los distintos temas propuestos en el plan de contenidos para
este curso de Ingeniera Web. Como profesor de esta materia me comprometo a atender las distintas
inquietudes que puedan surgir en el transcurso de este perodo.
Es oportuno mencionar que el estudio y tratamiento de esta asignatura le abre la posibilidad de acceder
al mundo del internet especialmente a la ingeniera web, para as poder realizar aplicaciones web de
nuestra carrera de ingeniera, que permitir dar solucin a varios problemas y satisfacer necesidades
emergentes de nuestro entorno.
Estimado alumno, como futuro profesional tiene la oportunidad de formarse en esta interesante
asignatura que le brindar conocimientos nicos y vlidos para plantear un desarrollo de aplicaciones
web desde el problema mismo hasta llegar a la solucin y satisfaccin de el usuario final.
Los contenidos y competencias a desarrollar en esta asignatura de Ingeniera Web han sido seleccionados
cuidadosamente con el fin de que su desempeo se vea reflejado en la aplicacin de todo los aprendizajes
adquiridos. Las unidades a desarrollar son: Introduccin a la Ingeniera Web, metodologa de desarrollo
web, construccin de sitios web mediante manejadores de contenidos, usabilidad durante el primer
bimestre; y accesibilidad, seguridad en aplicaciones Web y Web Semntica para el segundo bimestre.
Para desarrollar las competencias y los contenidos de la presente materia el estudiante debe tener
conocimientos generales sobre el desarrollo de aplicaciones, que le facilitarn la comprensin y puesta
en prctica de los contenidos que se imparten en esta asignatura.
Bienvenido! una vez ms y xitos.
UNIVERSIDAD TCNICA PARTICULAR DE LOJA La Universidad Catlica de Loja
PRELIMINARES
4. Bibliografa
4.1 Bsica
Andersson E., Greenspun P., and Grumet A.(2006) SOFTWARE ENGINEERING FOR INTERNET
APPLICACIONS, 6ta edicin. The MIT Press. ISBN 0262511916. 2006.
Texto bsico de estudio de la asignatura de Ingeniera de Software, esta obra nos indica de forma prctica
el desarrollo de aplicaciones web. Este texto es de lectura obligatoria y debe ser su acompaante durante
el transcurso de este perodo de estudios.

Ramrez, R. (2010): Gua didctica de Ingeniera Web, Loja-Ecuador, Editorial UTPL.

En la gua didctica encontrar los lineamientos necesarios para que se pueda guiar a travs del
texto bsico, adems encontrar explicaciones adicionales sobre algunos temas que le permitirn
entenderlos mejor.
4.2 Complementaria
Libros
PRESSMAN R.(2010), Ingeniera de Software un Enfoque Prctico. 7ma edicin. McGraw-Hill
Mxico. ISBN 970-10-5473-3.
Texto bsico de estudio de la asignatura de Ingeniera de Software, en esta obra nos acerca y profundiza
a los contenidos de Ingeniera de software. Este texto es de lectura y le servir de mucho durante el
transcurso de este perodo de estudios.
Referencia electrnica

SOFTWARE ENGINEERING FOR INTERNET APPLICACIONS., Eve Andersson, Philip Greenspun,

and Andrew Grumet. 6ta edicin. [en lnea] Disponible en:http://philip.greenspun.com/seia/
[consultado a: 29 de junio del 2012]. Recurso digital donde encontrar los contenidos del texto
base en Ingles.
SOFTWARE ENGINEERING FOR INTERNET APPLICACIONS., Eve Andersson, Philip Greenspun, and
Andrew Grumet. 6ta edicin. [en lnea] Disponible en: http://web.ballardini.com.ar/seiabook/es/
[consultado a: 29 de junio del 2012].Recurso digital donde encontrar los contenidos del texto
base en espaol.
Instituto Universitario de Tecnologa de Valencia [en lnea] Disponible en : http://www.casupo.org.

ve/CV/may/tesis/web.pdf [consultado a: 19 de junio del 2012].
Recurso digital donde explica la metodologa de desarrollo de Aplicaciones Web, fases y elementos
que intervienen en cada una de ellas.
CEP AZAHAR, CEPs de la provincia de Crdoba [en lnea] Disponible en: http://www.cepazahar.
org/recursos/file.php/7/apuntes/1-Introduccion.pdf [consultado a: 19 de junio del 2012]. Recurso
digital que contiene explicaciones detalladas de los CMS, su clasificacin, importancia, ventajas,
etc.
PRELIMINARES
Dario Andrs Silva, Construyendo aplicaciones web con una metodologa de diseo orientado
a objetos. [en lnea] Disponible en: http://www.unab.edu.co/editorialunab/revistas/rcc/pdfs/r22_
art5_c.pdf [consultado a: 19 de junio del 2012].
Recurso digital donde se explica la metodologa de diseo orientado a objetos orientado a
aplicaciones web.
Linux Magazine, [en lnea] Disponible en : http://www.linux-magazine.es/issue/45/008009Inseguridades45.pdf [consultado a: 19 de junio del 2012].
Recurso digital donde se explica lo que se debe tener en cuenta para contar con una buena
seguridad en nuestro servidor y algunos consejos prcticos en la configuracin del servidor
Apache.
Enlaces

Desarrollo Web [en lnea] Disponible en : http://www.desarrolloweb.com/articulos/221.php

[consultado a: 19 de junio del 2012].
Enlace web donde explica el concepto de usabilidad y algunas reglas que se deben tomar en
cuanta en el rea de usabilidad.
Enlace donde explica algunos conceptos que se deben tener en cuenta al momento de la creacin
de una aplicacin web.
Enlace donde dan algunos consejos para la creacin de un men de navegacin.
Enlace web donde explica como implementar la usabilidad en pequeos proyectos web.
Desarrollo Web [en lnea] Disponible en: http://www.desarrolloweb.com/articulos/890.php
Enlace web que indica algunos mtodos para la evaluacin de la usabilidad en aplicaciones web,
herramientas y metodologas.
W3C, [en lnea] Disponible en : http://www.w3c.es/Traducciones/es/WAI/intro/accessibility
Enlace web donde explica conceptos de accesibilidad, como crear una webapp accesible y como
evaluarla.
Grupo de accesibilidad Web, Web [en lnea] Disponible en : http://accesibilidad-web.net/
documentacion-oficial/guia-breve-accesibilidad-web.html [consultado a: 19 de junio del 2012].
Enlace web donde existe una gua rpida de lo que es la accesibilidad web, su funcionamiento y
algunos ejemplos prcticos.
Usabilidad y accesibilidad, [en lnea] Disponible en: http://www.usabilidad.dev42.es/2011/02/08/
herramientas-utiles-para-crear-tu-web-accesible/ [consultado a: 19 de junio del 2012].
Enlace web donde detalla algunos validadores en lnea de usabilidad y accesibilidad.
PRELIMINARES
Matas Agustn Bellone, Tecnologa con acento. [en lnea] Disponible en : http://www.enespanol.
com.ar/2006/04/03/tutorial-de-htaccess/ [consultado a: 19 de junio del 2012].
Enlace web donde explica el significado y alguna configuracin del archivo .htaccess para la
seguridad de nuestra WebApp.

Recurso Web que contiene una explicacin del archivo de configuracin httpd.conf, su estructura
y la configuracin del mismo.
Web taller, tecnologas web [en lnea] Disponible en : http://www.webtaller.com/maletin/articulos/

seguridad-web.php [consultado a: 19 de junio del 2012].
Enlace Web donde se menciona sobre la seguridad web, que se puede hacer, algunos consejos
prcticos que hay que tomar en cuenta al momento de crear las webapp.
XIMHAI, [en lnea] Disponible en : http://www.ximhai.com/blog/que-es-web-hosting-y-dominiosb14x [consultado a: 19 de junio del 2012].

Enlace Web que posee una explicacin completa sobre el tema del hosting y dominios, una
explicacin de cada uno de ellos y cual es el funcionamiento.
Maestros del Web, [en lnea] Disponible en: http://www.maestrosdelweb.com/editorial/websemantica-y-sus-principales-caracteristicas/ [consultado a: 19 de junio del 2012].
Recurso Web que contiene una explicacin detallada de lo que es la web semntica, sus
caractersticas y su funcionamiento.
OCW

Ontologies and Semantic Web, Universidad Politcnica de Madrid, [en lnea] Disponible en :
http://ocw.upm.es/ciencia-de-la-computacion-e-inteligencia-artificial/ontologies-and-semanticweb [consultado a: 19 de junio del 2012].
Recurso digital de Ontologas y Web Semntica, donde se explica que se debe tener en cuenta
para la creacin de ontologas y algunos ejemplos prcticos, esto le ayudar en el captulo de web
semntica, para el entendimiento de RDF.
Administracin de servidores Web. Universidad de Oviedo, [en lnea]. Disponible en: http://ocw.
uniovi.es/course/view.php?id=28 [consultado a: 29 de junio del 2012].
Curso digital de Administracin de servidores, en un capitulo del curso se explica sobre la

configuracin de un servidor apache, este le ayudara a reforzar los conocimientos del captulo dos.
Gestores de Contenido. Universidad de Murcia, [en lnea] Disponible en:

http://ocw.um.es/gat/contenidos/pastor/material_clase/02_gestoresdecontenidos_drupal.pdf
Recurso digital donde se encuentra curso completo de CMS, en ello encontrar informacin
oportuna para el capitulo dos, donde se habla de los sistemas manejadores de contenidos.
PRELIMINARES
5. Orientaciones generales para el estudio

Para el estudio de la materia de Ingeniera Web, estimado alumno srvase acoger estas orientaciones
generales, ya que le ayudarn en el correcto estudio de la asignatura.

Organizar el tiempo de manera que pueda avanzar secuencialmente en cada una de las unidades
y temas para no dejar acumulado el contenido para el final del bimestre.
Utilizar el texto bsico que servir como referente terico, y cuya lectura es obligatoria, pues es el
eje central de los temas a tratarse.
Contar con un horario de estudio diario para la materia de Ingeniera Web, para el desarrollo de sus
actividades acadmicas, mnimo dos horas diarias.
Poseer elementos como internet, computadora, etc para el mejor desenvolvimiento de sus tareas.
La gua didctica, desarrollada por el docente de la asignatura, que pretende ser un nexo entre la
teora del texto bsico y el aprendizaje del alumno.
Resolver las evaluaciones a distancia que nos sirven como estrategia de aprendizaje para las
evaluaciones presenciales, as tambin el desarrollo de las autoevaluaciones.
La participacin activa en el Eva (Entorno Virtual de Aprendizaje), en donde podr interactuar con
el docente tutor y los compaeros de la materia.
Asistiendo a las videoconferencias, en las fechas establecidas y revisando las video tutoras
pregrabadas.
Utilizar los recursos web disponibles como videos, presentaciones, podcast, que se encuentran en
la pgina de la UTPL http://www.utpl.edu.ec.
Recursos didcticos como: lectura comprensiva, resmenes, grficas, anlisis de datos,

comparaciones, tablas, diagramas, mapas conceptuales, etc.
Si tiene dificultades, revise nuevamente el tema y recuerde que su tutor est listo para atender a
sus inquietudes mediante correo electrnico, foros del entorno virtual o por telfono.
Material Educativo
Para su periodo de estudio, usted dispone de los siguientes recursos: el presente texto-gua, material
cientfico seleccionado, algunos son de lectura obligatoria; y otros son sugeridos, es decir, de estudio
opcional, mencionaremos que todos los recursos acadmicos y de investigacin propuestos, estn
disponibles en la Web y son accesibles de forma gratuita.
PRELIMINARES
Para aprovechar al mximo su estudio y evitar dispersin, le sugerimos que, de acuerdo a la temtica
que se incluya en cada uno de los captulos, vaya al material que se indica con el cono y enfoque sus
estudios en los aspectos puntuales que se indican en la gua. Las referencias que vayan incluidas en
secciones acompaadas de este cono, son de revisin obligatoria.
Un elemento necesario para esta materia es tener un cuaderno de trabajo al cual Ud, pueda anotar,
realizar las diferentes actividades que se mencionan en el transcurso de la misma.
Como parte adicional que se incluye en la gua didctica usted se podr guiar con los siguientes iconos
que le indicarn la accin a realizar en cada unidad:
Texto Bsico
El texto base est en ingles, pero lo puede encontrar en espaol en el
enlace mencionado en la bibliografa complementaria.
Actividad Recomendada
Ejercicios
Inquietudes
Actividad en el EVA
Videos
Cuaderno de trabajo, para la actividad con la gua.
Apoyo tecnolgico e Interactividad

Finalmente, le recomendamos que de forma regular y constante, acceda al EVA (www.utpl.edu.ec) y
consulte las novedades que los profesores estaremos anunciando, semana a semana. Adems, considere
que las actividades de interactividad estn propuestas en las evaluaciones a distancia y tienen su
respectiva nota.
10
PRIMER BIMESTRE
6.
Proceso de enseanza-aprendizaje para el logro de competencias
PRIMER BIMESTRE
6.1
Competencias genricas
Adquirir hbitos y tcnicas de estudio eficaces.

Habilidad para trabajar en forma autnoma.
Capacidad para organizar y planificar el tiempo.
Capacidad de abstraccin, anlisis y sntesis.
Conocimientos sobre el rea de estudio y la profesin.
Capacidad de aplicar los conocimientos.
Capacidad crtica y autocrtica.
Capacidad para identificar, plantear y resolver problemas.
Capacidad para tomar decisiones. Habilidades en el uso de las tecnologas TICs
6.2
Planificacin para el trabajo del alumno
COMPETENCIAS
ESPECFICAS
INDICADORES DE
APRENDIZAJE
Implementar
Diferencia con
aplicaciones
el desarrollo de
a partir de
software tradicional y
especificaciones
aplicaciones web.
y modelos de
software utilizando Aplica metodologas
estndares de
de desarrollo en
documentacin y
diferentes tipos de
de programacin.
aplicaciones web.
Analizar
Formula preguntas
problemas de
adecuadas en la fase
programacin para
de anlisis.
disear soluciones
expresadas a
Obten los requisitos
travs de mtodos
del cliente para una
computacionales.
webapp
Establece estrategias
de posicionamiento
de la webapp
CONTENIDOS
Unidades/Temas
Unidad 1: Introduccin
a la Ingeniera web
y metodologa de
desarrollo.
ACTIVIDADES DE
APRENDIZAJE
1.1 Por qu se
debe estudiar la
ingeniera web?
Lea
comprensivamente
el capitulo 1 del
texto bsico y las
orientaciones que
se presentan en la
gua para los temas
de esta unidad.
1.2 Diferencia con

la ingeniera de
software tradicional
y la ingeniera web
Desarrolle las
actividades
recomendadas de la
unidad 1.
1.3 Metodologas de
desarrollo
Resuelva la
autoevaluacin.
Proceso de la ingeniera
web.
Anlisis
Planificacin
CRONOGRAMA
ORIENTATIVO
Tiempo estimado
Semana 1 y 2
8 horas de
autoestudio
8 de interaccin
Revise los anuncios

del EVA.
Elabore un resumen
con los aspectos
fundamentales de la
unidad 1.
Diseo
Programacin
Pruebas o testeo
Mercadeo y Publicidad
11
COMPETENCIAS
ESPECFICAS
Usar Libreras,
APIS y
Frameworks para
la implementacin
de soluciones
integrales.
PRIMER BIMESTRE
CONTENIDOS
INDICADORES DE
APRENDIZAJE
Configura las
restricciones de un
servidor web para
publicacin de
informacin a un
rango de IPs.
Implementar
Elimina el acceso a
aplicaciones
los directorios de una
a partir de
aplicacin web por
especificaciones
medio del archivo
y modelos de
.htaccess
software utilizando
estndares de
Recomienda un tipo
documentacin y
de CMS dependiendo
de programacin.
los requerimientos
del cliente.
Analizar
Explica la
problemas de
importancia de la
programacin para
usabilidad.
disear soluciones
expresadas a
Implementar
travs de mtodos
usabilidad en
computacionales.
formularios de
registro.
Analiza la usabilidad
mediante
herramientas online.
Unidades/Temas
Unidad 2: Construccin
de sitios mediante
manejadores de
contenidos
1.1 Configuracin de
un servidor web
Introduccin a los CMS
Tipos de CMS
Propiedades los CMS
Ventajas y desventajas
Lea detalladamente
las orientaciones
que se presentan en
la gua en la unidad
2.
Revise los anuncios

del EVA.
Unidad 3: Usabilidad
Lea
comprensivamente
el capitulo 3 de la
gua.
1.2 Cuales son las 8

reglas de Oro sobre
la usabilidad?
Desarrolle las
actividades
recomendadas de la
unidad 3.
1.3 Usabilidad
para pequeos
proyectos web
Resuelva la
autoevaluacin.
Evaluar la usabilidad
Unidades de la 1 a la 3
Semana 3 y 4
8 horas de
autoestudio
8 de interaccin
Resuelva la
autoevaluacin.
Elabore un resumen
con los aspectos
fundamentales de la
unidad 2.
1.1 Que es la usabilidad

y su importancia
CRONOGRAMA
ORIENTATIVO
Tiempo estimado
Desarrolle las
actividades
recomendadas de la
unidad 2.
Reconocer una web con

cms
1.4 Navegadores
usables
12
ACTIVIDADES DE
APRENDIZAJE
Semana 5 y 6
8 horas de
autoestudios
8 de interaccin
Revise los anuncios

del EVA.
Elabore un resumen
con los aspectos
fundamentales de la
unidad 3.
Preparacin para la
evaluacin presencial
correspondiente al
primer bimestre.
Semana 7 y 8
8 horas de
autoestudios
8 de interaccin
PRIMER BIMESTRE
Sistema de evaluacin de la asignatura (primero y segundo bimestre)

2. Heteroevaluacin
3. Coevaluacin
Prueba
Objetiva y de
Ensayo
Interaccin
en el EVA
Parte Objetiva
Parte de
Ensayo
X
X
X
X
X
X
20% 30%
10%
X
X
70%
14
20 Puntos
TOTAL
Actividades Presenciales y en el eva
Estrategia de
Aprendizaje
Anlisis y profundidad en el desarrollo de los temas
Aporta con criterios y soluciones
Investigacin (cita fuentes de consulta)
Dominio del contenido
Emite juicios de valor argumentadamente
Presentacin, orden y ortografa
Mximo 1 punto
(Completa la
evaluacin a
distancia)
Actitudes
Contribucin en el trabajo colaborativo y de equipo

X
Habilidades
Creatividad e iniciativa
Puntaje
Respeto a las personas y a las normas de comunicacin
PORCENTAJE
Evaluacin
Presencial
Esfuerzo e inters en los trabajos
Cumplimiento, puntualidad y responsabilidad
Comportamiento tico
Competencia: Criterio
Evaluacin a Distancia**
1. Autoevaluacin*
Formas de Evaluacin
Conocimientos
6.3
Para aprobar la asignatura se requiere obtener un puntaje mnimo de 28/40 puntos, que equivale al 70%.
*
Son estrategias de aprendizaje, no tienen calificacin; pero debe responderlas con el fin de autocomprobar su proceso
de aprendizaje.
** Recuerde: que la evaluacin a distancia del primer bimestre y segundo bimestre consta de dos partes: una objetiva y
otra de ensayo, debe desarrollarla y entregarla en la fecha establecida.
Seor estudiante:
Tenga presente que la finalidad de la valoracin cualitativa

es principalmente formativa.
13
6.4
PRIMER BIMESTRE
Orientaciones especficas para el aprendizaje por competencias
UNIDAD 1: INTRODUCCIN A LA INGENIERA WEB Y METODOLOGA DE DESARROLLO

Estimado estudiante, iniciamos el estudio de la asignatura mencionando temas fundamentales que se
requiere conocer dentro del maravilloso mundo del Internet; comenzamos revisando algunos conceptos
bsicos de Ingeniera Web; esto le ayudar a comprender el objeto de estudio de la misma.
Para iniciar el estudio de este tema le recomendamos acudir al
texto base y revisar el captulo primero denominado: Introduction,
este tema lo puede encontrar en espaol en el recurso digital
[http://web.ballardini.com.ar/seiabook/es] mencionado en la
bibliografa complementaria.
Cmo le fue con la lectura? Si no comprendi algo? Lea nuevamente puesto que el tema es clave para
continuar con el estudio de el desarrollo de aplicaciones web
Para ver su criterio personal con respecto a la lectura acuda a su libro de trabajo y conteste las siguientes
preguntas:

Que comentario tiene usted de las sesiones compartidas que habla en el texto base. Sera
recomendable hacerlo? Existir una tecnologa capaz de crear este objetivo?
Como cree que esta evolucionando la web? Y como cree que lo vera en 10 aos?
1.1
Por qu se debe estudiar la ingeniera web?
Reforcemos las nociones fundamentales de la Ingeniera Web dando una lectura de tema:
En la Ingeniera Web uno de los aspectos importantes a tomar en cuenta, en el desarrollo de sitios
web de cara al usuario, es sin duda alguna el diseo grfico y la organizacin estructural del contenido.
En la actualidad la web est sufriendo grandes cambios, que han obligado a expertos en el tema a
utilizar herramientas y tcnicas basadas en la ingeniera del software, para poder garantizar el buen
funcionamiento y administracin de los sitios web.
Es por ello que se debe contar con ciertos atributos y caractersticas que en conjunto forman un
concepto muy importante, para alcanzar el xito en cualquier organizacin, herramienta, y todo aquello
que se pueda considerar como servicio. La calidad, que con atributos como, usabilidad, navegabilidad,
seguridad, mantenimiento, entre otros, hace posible por un lado la eficiencia de la WebApp y por ende
la satisfaccin del usuario final.
14
PRIMER BIMESTRE
Para la construccin de una WebApp se le debe planificar, programar, velar por la seguridad , controlar,
es decir la calidad no podr ser agregada sin seguir un correcto proceso. Para finalizar el resultado
de un proceso de calidad, podra arrojar recomendaciones para introducir mejoras, y la decisin final
podra consistir en lanzar una nueva versin del sitio web o en modificar algunos atributos ausentes
o pobremente diseados. Cabe destacar que la Ingeniera Web hace una diferencia entre un webSite
y una aplicacin tradicional, ya que ella se dedica a la construccin de aplicaciones web, la principal
caracterstica que los distingue (aplicaciones de sitios web), los sitios web son sitios en la web en donde
se publica contenido generalmente esttico o un muy bajo nivel de interactividad con el usuario,
mientras que las aplicaciones son lugares con alto contenido de interactividad y funcionalidades que
bien podran ser de un software convencional, la aplicacin web ms sencillo seria uno que contenga
formularios y subiendo de nivel encontramos los que realizan conexiones con bases de datos remotas, y
administradores de contenidos entre otras.
Figura 1.1 Elementos de desarrollo web

Disponible en: http://www.maestrosdelweb.com
Entonces la ingeniera Web son metodologas sistemticas, disciplinadas y cuantificables al desarrollo
eficiente, operacin y evolucin de aplicaciones de alta calidad en la World Wide Web. En este sentido,
la Ingeniera Web hace referencia a las metodologas, tcnicas y herramientas que se utilizan en el
desarrollo de aplicaciones Web complejas, como se aprecia en la figura 1.1 los elementos del desarrollo
web se pueden organizar en lenguajes de programacin, bases de datos, frameworks, tecnologas, etc. y
que son de gran dimensin creando as WebApps de alta calidad, usabilidad, accesibilidad, etc.
Ahora que ya tiene idea sobre el tema, es necesario que acuda al
texto base y lea el tema relacionado a HTTP que se encuentra el
en capitulo 2 titulado Basics. En el siguiente recuadro realice un
cuadro comparativo entre las sesiones y cookies:
Cookies
....
Sesiones
....
15
PRIMER BIMESTRE
ACTIVIDADES RECOMENDADAS
En la lectura del texto base se habla de la autonoma tpica de una
sesin HTTP, donde se muestra el comportamiento del usuario frente
a una aplicacin web.
Elabore un diagrama de flujo donde represente los pasos que hace el
usuario de la WebApp.
Ahora que ya sabe qu es la Ingeniera Web pasamos a ver:
Las reas de la Ingeniera Web?
La Ingeniera Web es multidisciplinaria es por ello que intervienen reas como: arquitectura de la
informacin, ingeniera de hipermedia/hipertexto, ingeniera de requisitos, diseo grfico, usabilidad,
diseo y anlisis de sistemas, ingeniera de software, ingeniera de datos, indexado y recuperacin de
informacin, pruebas, modelado y simulacin, despliegue de aplicaciones, operacin de sistemas y
gestin de proyectos.
La ingeniera de la Web no es un clon o subconjunto de la ingeniera de software aunque ambas incluyen
desarrollo de software y programacin, pues a pesar de que la Ingeniera Web utiliza principios de
ingeniera de software, incluye nuevos enfoques, metodologas, herramientas, tcnicas, guas y patrones
para cubrir los requisitos nicos de las aplicaciones web.
Los principales aspectos de la ingeniera de la Web incluyen:

Diseo de procesos de negocio para aplicaciones web.

Generacin de cdigo para aplicaciones web.
Desarrollo web colaborativo.
Modelado conceptual de aplicaciones web.
Diseo de Modelos de datos para sistemas de informacin web.
Ingeniera web emprica.
Entornos de desarrollo de aplicaciones web integrados.
Herramientas de autor para contenido multimedia.
Pruebas de rendimiento de aplicaciones basadas en web.
Personalizacin y adaptacin de aplicaciones web.
Control de calidad y pruebas de sistemas.
Ingeniera de requisitos para aplicaciones web.
Aplicaciones para la Web Semntica.
Implementacin y pruebas.
Aplicaciones web mviles.
Usabilidad de aplicaciones web.
Accesibilidad para la web.
Diseo de interfaces de usuario.
Mtricas para la web, estimacin de costes y medicin.
Gestin de proyectos web y gestin de riesgos.
Desarrollo y despliegue de servicios web.
Seguridad Web
16
PRIMER BIMESTRE
Cmo le fue en la lectura? Le resultaron, muy sencillo encontrar los aspectos que intervienen en la
ingeniera web. Verdad?.
Pasemos ahora a realizar la siguiente actividad, para reforzar lo ledo.
Recurra a su cuaderno de trabajo y realice un mapa
conceptual de las reas ledas y resalte las reas con mas
relacin con la ingeniera web esto le ayudar a reforzar su
lectura anterior
Continuemos con un nuevo tema que corresponde a:
Las categoras de la Ingeniera Web
Los sitios web pueden ser categorizados de diferente forma en la figura 1.2 se representa grficamente
las categoras de las aplicaciones web.:
Figura 1.2 Categoras de las WebApps

Autor: Ramiro Ramrez
Con el transcurrir del tiempo la evolucin de la tecnologa ha ido dando pasos gigantes y la adaptacin de
nuestros procesos a ella es inevitable, es por ello que actualmente no es novedad encontrar a empresas
que mueven sus negocios por medio de la internet y que hasta polticas como el CRM para el manejo de
clientes, son muy importantes para las empresas como por ejemplo, Dell, crean polticas para mantener
los clientes y tenerlos en contactos va Web, mediante Internet se cuida de cierta manera la imagen
de una empresa, por ejemplo mediante el marketing a travs de Internet permite reforzar el servicio,
haciendo ms fuerte la relacin entre la marca y el cliente.
17
PRIMER BIMESTRE
Esto implica un uso creativo del medio, involucrando verdaderamente a las personas con la compaa.
Utilizando la inmediatez, que brinda esta va de comunicacin. Con la herramienta comunicacional, se
permite una relacin constante e inmediata con los clientes, as como mantener a los clientes contentos,
conquistar nuevos nichos de mercado y por ende, incrementar las ventas.
Por medio de un sitio web podremos tener nuestro sitio accesible o disponible 24 horas al da, 365 das
del ao en absolutamente todo el mundo para quienes tienen acceso, es por esto que nuestros datos
en internet publicados en el sitio web podran ser accesibles a toda persona en cualquier momento y en
cualquier parte del mundo.
Todas estas consideraciones nos llevan a la conclusin de que un sitio web bien logrado no es nicamente
un espacio en la red para ver el mismo comercial que en televisin; es en realidad una extensin de
las empresas o instituciones, as mismo teniendo en cuenta la importancia y aplicabilidad que tiene
la ingeniera Web en nuestro desarrollo cognitivo, social y vivencial es fcil visionar que cada una de
las funciones que ella emana estarn siempre ligadas a la vanguardia del desarrollo progresivo de la
tecnologa y del hombre.
Con la lectura que acabo de realizar se pudo dar cuenta que hay algunas categoras de ingeniera.
Verdad?
Continuemos ahora a realizar una nueva actividad.
Recurra a su cuaderno de trabajo y mencione algunos
ejemplos de las categoras ledas; esto le ayudar a
comprender las categoras estudiadas.
1.2
Diferencia entre la ingeniera de software tradicional y la ingeniera web

Para saber sobre las reas realice una lectura del
capitulo uno del libro de Pressman y revise el
tema: El software y la Ingeniera de software: Qu
es? Quien lo hace?. Por qu es importante?
Cules son los pasos?
Interesante la lectura? Debe quedarle claro el proceso que realiza el software tradicional. Verdad?
Ahora podemos recurrir a su cuaderno de trabajo y mencione las caractersticas del software tradicional
y diferencias entre la ingeniera de software y la ingeniera web, con esto se definirn las diferencias
entre estos tipos de ingeniera de software.
18
PRIMER BIMESTRE
1.3
Metodologa de desarrollo
Ahora bien, otro de los temas que se encuentran en este apartado, es comprender uno de los diferentes
tipos de metodologa que existen para el desarrollo de aplicaciones web.
Empezamos analizando la siguiente grafica:
Figura 1.2 Metodologa para la creacin sitios web, resumen de las fases explicadas en el texto base
Observemos el ciclo de desarrollo de un proyecto web en la figura 1.2, es circular que va pasando con
varias fases, esto amerita que para cualquier requerimiento por parte del cliente tenga que pasar por un
anlisis completo del ciclo.
1.4
Fase de analisis
En esta fase nos debemos realizar algunas preguntas para aclarar el objetivo principal de nuestra
aplicacin web, estas pueden ser:

Se necesita realmente una aplicacin web?

Para que se necesita la WebApp?
Que es lo que buscaran los usuarios en la WebApp?
Que imagen se quiere proyectar a los clientes?
Que servicios se integraran en la WebApp?
Que tiempo debe ser invertido para el desarrollo?
Que impacto debe causar sobre los clientes?
Que es lo que buscan los clientes en mi empresa?
19
PRIMER BIMESTRE
Una vez aclarada estas preguntas podemos establecer el objetivo principal de mi proyecto, algunos
objetivos especficos donde se englobe los siguientes aspectos:

La seleccin de usuarios
Los usuarios que manipularan la WebAPP

La expectativa del usuario
A quien va dirigido la WebApp y que esperan ellos de la misma.

Las expectativas de la organizacin
Establecer o fijar que resultados que pretende la organizacin de la WebApp

Con los objetivos claros para el desarrollo de la WebApp, establecemos los requisitos, es por ello que
veremos:
INGENIERIA DE REQUISITOS
En esta parte de la fase el equipo de desarrollo se encarga de obtener los requisitos para el desarrollo
del mismo.
Para este proceso se puede dividir en tres actividades:

Captura de requisitos.
Definicin de requisitos.
Validacin de requisitos.
Figura 1.3 Procesos de la Ingeniera de Requisitos

Disponible en: http://eqaula.org/eva/file.php/2022/_000028_.pdf
20
PRIMER BIMESTRE
Captura de requisitos:
En esta parte el equipo de desarrollo extrae, de cualquier fuente de informacin disponible, las
necesidades que debe cubrir dicho sistema. Este proceso de captura de requisitos puede resultar
complejo, principalmente si el entorno de trabajo es desconocido para el equipo de analistas, y depende
mucho de las personas que participen en l, en la figura 1.3 se representa el proceso de la ingeniera de
requisitos.
A continuacin se presentan una serie de tcnicas para la recoleccin de requisitos.

Entrevistas. Estas permiten al analista tomar conocimiento del problema y comprender sus
objetivos, la estructura de la entrevista abarca tres pasos: identificacin de los entrevistados,
preparacin de la entrevista, realizacin de la entrevista documentacin de los resultados.
JAD (Joint Application Development/Desarrollo conjunto de aplicaciones): Est basada en

cuatro principios fundamentales: dinmica de grupo, el uso de ayudas visuales para mejorar la
comunicacin, mantener un proceso organizado - racional y una filosofa de documentacin
WYSIWYG (What You See Is What You Get, lo que ve es lo que obtiene), es decir, durante la
aplicacin de la tcnica se trabajar sobre lo que se generar. Tras una fase de preparacin del
JAD al caso concreto, el equipo de trabajo se rene en varias sesiones. En cada una de ellas se
establecen los requisitos de alto nivel a trabajar, el mbito del problema y la documentacin.
Durante la sesin se discute en grupo sobre estos temas, llegndose a una serie de conclusiones
que se documentan. En cada sesin se van concretando ms las necesidades del sistema.
Tormenta de ideas: Es una tcnica de reunin de grupo, en donde los participantes muestran sus
ideas, estas reuniones deben ser en un mximo de 10 integrantes y uno de ellos debe asumir el rol
de moderador.
Concept Mapping: son grafos en los que los vrtices representan conceptos y las aristas representan
posibles relaciones entre dichos conceptos. Estos grafos de relaciones se desarrollan con el usuario
y sirven para aclarar los conceptos relacionados con el sistema a desarrollar.
Sketches y Storyboards: La misma consiste en representar sobre papel en forma muy esquemtica
las diferentes interfaces al usuario. Estos sketches pueden ser agrupados y unidos por enlaces
dando idea de la estructura de navegacin.
Casos de Uso: Los casos de uso permiten mostrar el contorno (actores) y el alcance (requisitos
funcionales expresados como casos de uso) de un sistema. Un caso de uso describe la secuencia
de interacciones que se producen entre el sistema y los actores del mismo para realizar una
determinada funcin.
Cuestionarios y Checklists: Esta tcnica requiere que el analista conozca el mbito del problema
en el que est trabajando. Consiste en redactar un documento con preguntas cuyas respuestas
sean cortas y concretas, o incluso cerradas por unas cuantas opciones en el propio cuestionario.
21
PRIMER BIMESTRE
Definicin de requisitos:
Plantillas o patrones: Esta tcnica, tiene por objetivo el describir los requisitos mediante el lenguaje
natural pero de una forma estructurada. Una plantilla es una tabla con una serie de campos y una
estructura predefinida que el equipo de desarrollo va cumplimentando usando para ello el lenguaje del
usuario. Las plantillas eliminan parte de la ambigedad del lenguaje natural al estructurar la informacin;
cuanto ms estructurada sea sta, menos ambigedad ofrece. Sin embargo, si el nivel de detalle elegido
es demasiado estructurado, el trabajo de rellenar las plantillas y mantenerlas, puede ser demasiado
tedioso. Se debe mantener un equilibrio en las mismas.
Requisitos de usuarios:
Para el estudio de este tema le recomendamos acudir al texto base y revisar

el captulo tres denominado: Planning y realizar una lectura comprensiva de
las clases de usuarios y escenarios de uso, este tema lo puede encontrar ne
espaol en el recurso digital mencionado en la bibliografa complementaria.
Con la lectura realizada usted ya esta en la capacidad de realizar la siguiente actividad

Pasemos a las siguientes:
22
Plantearemos el tema Sistema de Inscripciones para un Evento

Elabore un documento donde se obtenga los requisitos para el problema
mencionado, utilice cualquier tcnica de recoleccin de requisitos citados
anteriormente, se ha abierto un foro en el que estarn los parmetros a tomar
en cuenta para esta actividad.
Realice los ejercicios 1a, 1b, 1c, 2, 3, 4 del texto base del capitulo 3.
PRIMER BIMESTRE
1.5
Fase de planificacion
En la grafica 1.3 podemos ver los aspectos importantes que debemos tomar en cuenta en la fase de
planificacin.
Figura 1.3 Fase de planificacin de un proyecto web

Dentro del equipo adecuado es bueno mencionar los diferentes roles que pueden existir, estos pueden
ser:

Jefe de proyecto
Productor
Editor
Diseador grfico
Desarrollador
Diseador de base de datos
Tcnico de hardware
Tcnico de pruebas
El Benchmarking es una tcnica muy buena en el desarrollo de las WebApp, para entender mejor este
tema podemos ir a observar el siguiente video, que a travs de un ejemplo prctico nos explica esta
tcnica.
http://www.youtube.com/watch?v=9pEO0udZMbY
23
PRIMER BIMESTRE

Ahora acuda a su cuaderno de trabajo y liste las tcnicas

principales que se utiliza para el benchmarking, si no logro
detectarlas revise nuevamente el video hasta encontrarlas.
Estructura de navegacin
En la estructura de navegacin tenemos una grafica explicativa de los diferentes tipos de navegacin
que pude tener nuestra WebApp.
Figura 1.4 Estructuras de navegacin

Los costos y beneficios es toda la inversin que vamos a tener en el desarrollo de la WebApp y cules
son las ganancias que tendremos luego del desarrollo del mismo.
24
PRIMER BIMESTRE

Con el tema Sistema de Inscripciones para un evento que usted elija, puede ser un
congreso, un seminario, etc. A continuacin elabore un documento donde se ponga
en prctica la fase de planificacin, si tiene inconvenientes puede recurrir al EVA, en el
foro se publicarn los parmetros a tomar en cuenta.
1.6
Fase de contenido
Bsicamente el xito de una aplicacin web (sitio web) es la calidad de informacin que se publica, esto
implica que debe existir informacin actualizada, contenidos interesantes y relevantes. Esto provoca que
el usuario permanezca ms tiempo en nuestro website y generar ms visitas al mismo.
1.7
Fase de diseo
Desarrollar aplicaciones en las cuales el usuario pueda aprovechar el potencial del paradigma de la
navegacin de la WebApp, mientras ejecuta transacciones sobre bases de informacin, es una tarea muy
difcil de lograr.
Construir la interfaz de una aplicacin web es una tarea compleja; no slo se necesita especificar cules
son los objetos de la interfaz que deberan ser implementados, sino tambin la manera en la cual estos
objetos interactuarn con el resto de la aplicacin.
Para lograr este objetivo se establece un proceso compuesto por cuatro etapas: diseo conceptual,
diseo navegacional, diseo de interfaces abstractas e implementacin.
Diseo Conceptual
En esta actividad se construye un esquema conceptual representado por los objetos del dominio, las
relaciones y colaboraciones existentes establecidas entre ellos. En las aplicaciones web convencionales,
cuyos componentes no son modificados durante la ejecucin, se podra usar un modelo de datos
semntico estructural (como el modelo de entidades y relaciones). De este modo, en los casos en que la
informacin base pueda cambiar dinmicamente o se intenten ejecutar clculos complejos, se necesitar
enriquecer el comportamiento del modelo de objetos.
Diseo Navegacional
Un modelo navegacional es construido como una vista sobre un diseo conceptual, admitiendo
la construccin de modelos diferentes de acuerdo con los diferentes perfiles de usuarios. El modelo
navegacional provee una vista subjetiva del diseo conceptual.
La principal estructura primitiva del espacio navegacional es la nocin de contexto navegacional. Un
contexto navegacional es un conjunto de nodos, enlaces, pueden ser definidos por comprensin o
extensin, o por enumeracin de sus miembros. En la figura 1.4 se muestra modelos de navegacin .
25
PRIMER BIMESTRE
Diseo de interfaz abstracta

En esta actividad supone un trabajo extenso y detallado, ya que abarca una iteracin mltiple de
elementos como audio, video, imgenes, la estructura lgica de la aplicacin. Representando una labor
que va mas all de la presentacin visual de la informacin.
Al momento de estar en la fase de diseo es necesario tener en cuenta aspectos como la Usabilidad y la
Accesibilidad.
Usabilidad se refiere al tiempo y esfuerzo y capacidad requerido por el usuario, para que alcance un
determinado nivel de adaptacin en el sistema. Esto puede estar vinculado al nmero de pasos que
se tiene que cumplir para lograr un determinado objetivo y el nivel de conocimientos que requiere el
usuario para la manipulacin de la WebApp.
Accesibilidad, una WebApp debe ser creada para que sea vista por todo el mundo, pero hay que tener
en cuenta que estos usuarios pueden ingresar a la informacin por diferentes dispositivos, navegadores,
idiomas, etc., estos son factores que pueden impedir que la aplicacin se muestre correctamente en su
totalidad
Para reforzar ms del tema de diseo le recomiendo acudir al siguiente recurso digital
y realizar una lectura rpida del tema Diseo de aplicaciones web: http://www.unab.
edu.co/editorialunab/revistas/rcc/pdfs/r22_art5_c.pdf
1.8
Fase de programacin
Figura 1.5 Fase de programacin

26
PRIMER BIMESTRE
En la grfica 1.5 usted puede observar las sub fases que hay en fase de programacin, en la primera capa
se selecciona el lenguaje de desarrollo y la base de datos, en la segunda capa se modela la base de datos,
en la tercera capa se crea la conexin de la db con el lenguaje de programacin y los script del programa
y en la ultima capa se despliega los contenidos de la WebApp en el navegador.
Modularidad del software
En esta fase de programacin es importante tener presente las respuestas de estas interrogantes, para
que el desarrollo no salga de control: Cmo va a ser la vida de aquellos que tengan que mantener tu
cdigo? Se van a poder dar cuenta de cules son los mdulos que escribiste? Van a poder encontrar la
documentacin que pusiste? Va a ser una tarea simple si hay que producir pequeos cambios en toda
la extensin del sitio?
Para responder a estas interrogantes es necesario acudir al texto base y lea el capitulo 7 titulado Software
Modularity donde encontrar maneras de agrupar el cdigo y como registrar la documentacin.
Para reforzar lo aprendido realicemos las siguientes actividades recomendadas:

1.9
Con el tema Sistema de Inscripciones para un Evento

cualquiera, elabore un documento donde se ponga en prctica
la fase de programacin, si tiene inconvenientes puede recurrir
al EVA, en el foro se publicarn y comentarn los parmetros a
tomar en cuenta.
Fase de pruebas o testeo
Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento de la aplicacin web con
usuarios que vayan a utilizarlo.
Para el testeo se necesita evaluar los siguientes aspectos:

La comprobacin en navegadores.
Detectar los vnculos rotos.
Comprobar el tiempo de descarga.
Comprobar el correcto funcionamiento de los procesos de la aplicacin web.
Para reforzar el conocimiento adquirido pasemos a las siguientes:

Con el tema Sistema de Inscripciones para un Evento

Realice un documento donde se ponga en prctica la fase de
pruebas, si tien e inconvenientes puede recurrir al EVA, en el foro
se publicarn y discutirn los parmetros a tomar en cuenta.
27
PRIMER BIMESTRE
1.10 Fase de publicidad

En esta fase tenemos la implementacin de la WebApp y puesta en marcha de la misma, para ello
tenemos que tomar en cuenta lo siguiente:

Establecer el dominio (www.dominiodelaaplicacion.com) y la disponibilidad de la misma.
Establecer el hosting o el lugar donde va a estar alojado la WebApp.
Despus de la puesta en marcha de la aplicacin, empezamos con la difusin de la misma,

utilizando varias tcnicas como redes sociales, mailing etc.
Antes de pasar al siguiente capitulo, le invito a desarrollar

la siguiente autoevaluacin; para determinar el nivel de
aprovechamiento del tema estudiado.
Suerte! Siga adelante

AUTOEVALUACIN 1
Conteste correctamente la siguiente evaluacin:
1.
Subraye los aspectos importantes a tomar en cuenta en la ingeniera web, mencionamos que
pueden existir mas de una respuesta a seleccionar (Informacin del tema: Libro base capitulo 1):
a.
b.
c.
d.
2.
Diseo de base de datos.

Organizacin estructural del contenido
Monto que puede invertir el cliente
Diseo grafico.
Para garantizar la calidad de las webapp se deben tomar encuentra los siguientes aspectos,
seleccione mas de una respuesta (Informacin del tema: Texto gua capitulo 1):
a.
Calidad de programacin
b.
Usabilidad.
c. Seguridad.
d.
Equipo de desarrollo
3.
La ingeniera web es multidisciplinaria, subraye la/las reas que interviene en ella (Informacin del
tema: Texto gua capitulo 1):
a.
b.
c.
d.
28
Arquitectura de informacin.
Ingeniera de procesos estructurales
Ingeniera de requisitos.
Gestin de proyectos.
PRIMER BIMESTRE
4.
Existen varias categoras de las webapp subraye la/las correctas(Informacin del tema: Texto gua
capitulo 1):
a.
b.
c.
d.
5.
Aplicaciones de red
Aplicaciones mviles.
Aplicaciones centralizadas en la red
Aplicaciones con formularios.
En la metodologa de creacin de aplicaciones web existen varias fases, subraye las correctas
(Informacin del tema: http://www.casupo.org.ve/CV/may/tesis/web.pdf):
a.
b.
c.
d.
Fase de pruebas.
Fase de contenido.
Fase de planeacin.
Pase de restructuracin
6.
En la fase de planeacin se debe establecer prototipos de las pruebas a desarrollar. ( )
7.
En el equipo de trabajo el jefe de proyecto es el encargado de supervisar y controlar el resto del

equipo. ( )
8.
En la estructura de navegacin existen cuatro que lo componen, de la lista a continuacin

seleccione la/las correctas (Informacin del tema: http://www.casupo.org.ve/CV/may/tesis/web.pdf):
a.
b.
c.
d.
Estructura poligonal
Estructura lineal.
Estructura Radias.
Estructura espiral
9.
En la fase de programacin se establece las variables y clases a utilizar para el desarrollo del
software. ( )
10.
La modularidad del software consiste en (Informacin del tema: http://www.casupo.org.ve/CV/may/

tesis/web.pdf):
a.
b.
c.
Mantener documentado el cdigo de la aplicacin.

Separado el cdigo fuente por mdulos.
Disponer de infraestructura correcta y adecuada
Las respuestas a esta autoevaluacin se encuentran al final de
la presente gua didctica, vaya y compare las respuestas, si no
logro un buen resultado en la autoevaluacin, no se preocupe
le recomiendo leer nuevamente el/los captulos que confusos y
reforzar sus conocimientos. Y si aun tiene inquietudes no dude
en preguntar al profesor.
Hemos terminado la primera unidad!
Felicitaciones
29
PRIMER BIMESTRE
UNIDAD 2: CONSTRUCCIN DE SITIOS MEDIANTE MANEJADORES DE CONTENIDOS

Estimado alumno, empezamos el segundo captulo de la asignatura, aqu estudiaremos temas de inters
que son fundamentales dentro de la ingeniera web. A continuacin el primer tema.
Para iniciar el estudio de esta nueva unidad
le recomendamos acudir al siguiente recurso
digital
http://ocw.uniovi.es/course/view.
php?id=28 y leer el tema sobre la instalacin del
servidor apache:
Qu opina de la lectura? Tienen dudas o inquietudes? A continuacin las iremos resolviendo!

2.1
Configuracin de un servidor web
Para poder construir sitios web sean stos realizados con Manejadores de Contenido o desarrollados
manualmente es pertinente levantar un plataforma sobre la que podamos trabajar, en nuestro caso
puntual instale un servidor web con las aplicaciones que necesitamos, empecemos esta unidad
explicando cmo instalarlo:
Figura 2.1 Herramientas XAMPP

Disponible en: http://recursostic.educacion.es/observatorio/web/
30
PRIMER BIMESTRE
La aplicacin con la que vamos a trabajar es XAMPP. XAMPP es un software que nos permite instalar
de manera fcil: APACHE (Servidor Web), PHP (Plataforma y Lenguaje de Programacin Web Dinmica
por Excelencia), y MySQL (Gestor de Base de Datos); la instalacin es tan sencilla como Descargar y
Descomprimir, y mejor an es multiplataforma, en la figura 2.1 se muestra el logotipo de xampp y sus
componentes.
Puedes encontrar ms referencias en su pgina: htpp://www.apachefriends.org
La instalacin la realizaremos en 4 etapas:
1.
2.
3.
Descargar el XAMPP.
Ejecutar el XAMPP para su instalacin.
Levantar los servicios (figura 2.2) del apache y mysql
Figura 2.2 Servicio de Plataforma XAMPP

Tomado de Aplicacin XAMPP
31
4.
PRIMER BIMESTRE
Configuracin Bsica.
Figura 2.3 Idioma XAMPP

Tomado de Aplicacin XAMPP en el navegador
Figura 2.4 Pgina de Inicio XAMPP

32
PRIMER BIMESTRE
Todas nuestras WebApp las colocaremos en la carpeta httdocs.
Figura 2.5 Carpeta WebApps htdocs

Tomado de Directorio de la Aplicacin XAMPP
Estimado alumno espero que todo el proceso de instalacin del XAMMP se haya hecho sin mayor
problema y tengamos lista la plataforma sobre la cual vamos a trabajar, si usted tiene dudas de si la
aplicacin esta funcionando correctamente le sugiero que realice la siguiente actividad recomendada.
Levante el servidor web en su mquina local y cree un archivo

con extensin php y coloque el siguiente cdigo:
<?php
phpinfo();
?>
Y hgalo correo en su servidor
Qu resultados obtuvo? Si todo esta bien usted debe obtener un archivo similar al de la siguiente figura
donde se puede ver las versiones de las aplicaciones instaladas que tenemos en el servidor web y las
configuraciones de las mismas:
33
PRIMER BIMESTRE
Figura 2.6 Datos de configuracin, mdulos y componentes de php

Ahora si con la plataforma totalmente lista podemos empezar a desarrollar sitios web de una manera
bastante sencilla, sigamos adelante con el siguiente tema, donde vamos ya a empezar a entender ms
claramente que es un Sistema Manejador de Contenido, en la figura 2.6 se muestra el resultado de la
ejecucin de un cogido php.
Conociendo el servidor MYSQL
Es tiempo de acudir nuevamente al libro base y lea el tema relacionado a RDBMS (Relational Database
Management System) ubicado en el captulo 2 titulado Basics.
Le fue muy sencilla la lectura. Verdad? Ahora Ud ya tiene conocimiento de bases de datos y de sql.
Para reforzar la lectura utilize la base de datos MYSQL instalada anteriormente y realice los ejercicios 1,
2, 3, 4, 6 del capitulo 2 Basics referentes a Database exercises.
Si tiene algn problema en el desarrollo del ejercicio no dude en realizar preguntas en el foro de la
materia.
Continuemos optimistas a la siguiente temtica!!
34
PRIMER BIMESTRE
2.2
CMS
Para iniciar el estudio de este tema le recomendamos acudir
al siguiente OCW http://ocw.um.es/gat/contenidos/pastor/
material_clase/02_gestoresdecontenidos_drupal.pdf y leer el
tema de los sistemas manejadores de contenidos.
Qu opina de la lectura? Tienen dudas o inquietudes? A continuacin explicaremos ms de los CMS!

2.2
Introduccin a los CMS
Para crear un sitio web puede ser un trabajo complicado y muy laborioso si no se dispone conocimiento
y una herramienta adecuada. La evolucin del internet y la necesidad de crear sitios con mayor calidad
y rapidez hicieron el surgimiento de los CMS. Los CMS son herramientas que permiten crear y mantener
un sitio web con facilidad, encargndose de los trabajos ms tediosos que hasta ahora ocupaban el
tiempo de los administradores de las webs.
Los gestores de contenidos proporcionan un entorno que posibilita la actualizacin, mantenimiento y
ampliacin de la web con la colaboracin de mltiples usuarios. En cualquier entorno virtual sta es una
caracterstica importante.
Los sistemas de gestin de contenidos (Content Management Systems o CMS) es un software que
se utiliza principalmente para facilitar la gestin de webs, por ello son conocidos como gestores de
contenido web (Web Content Management o WCM). Hay que tener en cuenta, sin embargo, que la
aplicacin de los CMS no se limita slo a las webs.
Con la lectura que acaba de realizar seguramente ya logr comprender que es un CMS y establecer
sus caractersticas ms importantes y sobre todo entender por qu este tipo de aplicaciones son tan
ampliamente usadas hoy en da, en el siguiente tema estudiaremos algunos de los Sistemas Manejadores
de Contenidos ms utilizados
35
2.3
PRIMER BIMESTRE
Tipos de CMS
Figura 2.7 Logos de Sistemas Manejadores de Contenidos

Disponible en: http://ayudawordpress.com/no-todo-es-wordpress-hay-otros-cms/
En la grafica 2.7 podemos ver los diferentes CMS que puede encontrar, existe una gran variedad de los
mismos, cada uno tiene un propsito especfico de manera general, hay CMS para:

CMS para sitios web

CMS para foros
CMS para fotografas
CMS para blogs
CMS para wikis
CMS para eCommerce
De acuerdo con lo expuesto anteriormente le recomendamos desarrollar la siguiente actividad que le

permitir conocer un poco ms a fondo los Sistemas Manejadores de Contenidos.
ACTIVIDAD RECOMENDADA
Establezca una lista de CMS (20) y clasifquelos por el lenguaje de desarrollo, el
tipo de licencia que posee cada uno y el propsito de los mismos. Mas informacin
para poder cumplir esta actividad la encontrar en el siguiente enlace: http://www.
opensourcecms.com/

36
PRIMER BIMESTRE
Con el desarrollo de la actividad anterior usted tiene una visin ms amplia de los CMS y la finalidad que
tiene cada uno de ellos, para que de acuerdo a las necesidades los pueda utilizar y recomendar. Pero
sigamos aprendiendo un poco ms de ellos con el siguiente tema:
2.4
Propiedades de los CMS
Dentro de las propiedades de los CMS podemos mencionar lo siguiente:

Permite la creacin de contenidos, previa a la identificacin del usuario y con los permisos
correctos.
Permite la gestin del contenido ya que se almacena en una base de datos y puede ser clasificado
por categoras o taxonomas.
Publicacin o activacin de contenido que es cuando el usuario administrador realiza la

autorizacin para la presentacin del mismo.
Presentacin de contenido es la publicacin.
En base a los expuesto en el apartado anterior, a las propiedades de los CMS y lo que usted a ledo sobre
los CMS lo invito a desarrollar la siguiente actividad.
Explique con sus propias palabras

consiste la gestin de contenido?
en que
Hasta ahora podemos mencionar varias ventajas de trabajar con los Sistemas Manejadores de Contenido,
cree usted que el trabajar con este tipo de aplicaciones sea los ms conveniente o prefiere usted trabajar
con aplicaciones desarrolladas manualmente.
Veamos el siguiente tema que le ayudar a despejar algunas dudas.
2.5
Ventajas y desventajas
Podemos citar entre las ventajas las siguientes:

Se puede incluir nuevas funcionalidades de manera global y de forma fcil. Por ejemplo si
queremos insertar un buscador en el sitio mediante un CMS se hara una sola vez.
Se puede enlazar muchas pginas.
Reutilizar contenidos preinstalado.
Pginas interactivas que son distintas en funcin del usuario que las visita.
Navegabilidad, al tener un formato similar todas las pginas la navegabilidad suele ser ms sencilla.
Facilidad de actualizacin de los contenidos.
Posibilidad de subir imgenes y otro tipo de archivos sin tener que usar FTP
37
PRIMER BIMESTRE
Dentro de las desventajas de los CMS podemos mencionar que:

Un CMS respecto a las webs estticas tradicionales tienen una mayor lentitud de carga.
La seguridad, los CMS estn programados en lenguajes como php y mysql y a veces suelen
encontrarse agujeros de seguridad en los mismos.
Falta de personalidad de las webs creadas, la mayora de las web creadas con el mismo CMS son
muy similares.
En ciertas ocasiones cuando uno navega en la web encuentras varios sitios de inters y muchas veces
urge la inquietud como ingenieros informticos de saber si esos sitios sean desarrollado con la ayuda de
una CMS, en el siguiente apartado veremos algunas pautas para saber reconocer sitios web desarrollados
con CMS.
2.6
Reconocer web con CMS.
Existen varias formas de reconocer si un sitio web esta creada con algn CMS, listaremos algunas de ellas:

Observar el pie de pgina en esta seccin suele incluirse el logo del CMS que se esta utilizando.
El icono a del CMS viene por defecto en la parte inicial
Ahora que ya tiene una idea del tema podemos reforzar haciendo la siguiente actividad:

Evale el portal de la UTPL www.utpl.edu.ec y verifique si esta hecho con un CMS.
Es tiempo de reforzar los conocimientos, para lograr dicho objetivo le recomiendo hacer lo siguiente:
Descargue el CMS Drupal de la pgina www.drupal.

org e instlelo en su mquina local, para hacerlo
correr sobre la plataforma XAMPP.
Con esta ltima actividad culminamos el estudio del Captulo 2 de nuestra Materia, como actividades
adicionales que usted puede realizar para afianzar un poco el tema de Sistemas Manejadores de Contenido
usted puede descargar de la web otros CMS a dems del Drupal para que los instale en su mquina local
y pueda levantar una diversidad de sitios, entre lo ms utilizados adems de Drupal es Joomla para sitios
web, Wordpress para blogs y Wikipedia para wikis. Es grato saber que los conocimientos obtenidos en
esta materia le ayudarn en su vida profesional.
Lo sigo invitando a que continuemos con el mismo entusiasmo con que empezamos y poder enriquecer
los conocimientos que vienen a continuacin.
Antes de pasar al capitulo dos, le invito a desarrollar la siguiente autoevaluacin; para
determinar el nivel de comprensin del tema estudiado.
38
PRIMER BIMESTRE
AUTOEVALUACIN 2
Conteste la siguiente evaluacin, segn sea el caso:
1.
Al instalar el xampp se instalan las siguientes aplicaciones, seleccione las respuestas correctas
(Ms informacin del tema: texto gua capitulo 2 o en el siguiente recurso http://ocw.uniovi.es/course/
view.php?id=28, capitulo 2):
a.
Apache tomcat
b. Oracle
c. Mysql.
d. Php.
2.
Con la instalacin del servidor apache, todas las aplicaciones web se deben colocar en la carpeta
(Ms informacin del tema: texto gua capitulo 2 o en el siguiente recurso http://ocw.uniovi.es/course/
view.php?id=28, capitulo 2):
a. C:
b. www/
c. httdocs/
3.
El archivo .php con el cdigo phpinfo(); ejecuta lo siguiente (Ms informacin del tema: texto gua
capitulo 2 o en el siguiente recurso http://ocw.uniovi.es/course/view.php?id=28, capitulo 2):
a.
b.
c.
Las bases de datos que constan en el motor mysql

Las aplicaciones subidas al servidor
Los mdulos y componentes que estn instalados con el php.
4.
Coloque una V si es verdadero o una F si es falso a lo siguiente: Apache es un servidor web que
puede funcionar en una maquina local. ( )
5.
Seleccione la respuesta correcta que corresponde a las siglas CMS en espaol significa (Ms
informacin del tema: En el siguiente recurso OCW http://ocw.um.es/gat/contenidos/pastor/material_
clase/02_gestoresdecontenidos_drupal.pdf):
a.
b.
c.
6.
Control de contenido dinmico

Sistemas manejadores de contenidos.
Sistemas de control mdico
De la siguiente lista subraye los que en realidad con CMS (Ms informacin del tema: En el siguiente
recurso OCW http://ocw.um.es/gat/contenidos/pastor/material_clase/02_gestoresdecontenidos_
drupal.pdf):
a. Drupal.
b. Droopbox
c. Mediawiki.
d. Wordpress.
39
7.
Seleccione correctamente las propiedades de los CMS (Ms informacin del tema: En el siguiente
recurso OCW http://ocw.um.es/gat/contenidos/pastor/material_clase/02_gestoresdecontenidos_
drupal.pdf):
a.
b.
c.
d.
8.
PRIMER BIMESTRE
Permite la creacin de contenido.

Permite a programacin de mdulos
Permite la gestin de contenidos.
Permite el control de la usabilidad
Para reconocer los CMS debemos tomar en cuenta lo siguiente, seleccione la respuesta correcta
(Ms informacin del tema: En el siguiente recurso OCW http://ocw.um.es/gat/contenidos/pastor/
material_clase/02_gestoresdecontenidos_drupal.pdf):
a.
b.
Observar la estructura del contenido con imgenes

Observar el pie de pgina, donde se incluye el logotipo del CMS.
9.
Coloque una V si es verdadero o una F si es falso a lo siguiente: Un CMS puede incorporar mdulos
en su sitio.( )
10.
Coloque una V si es verdadero o una F si es falso a lo siguiente: El portal de la UTPL est creado en
el CMS Joomla.( )
Las respuestas a esta autoevaluacin se encuentran al final de la presente

gua didctica, baya y compare las respuestas, si no logro un buen resultado
en la autoevaluacin, no se preocupe le recomiendo leer nuevamente
el/los captulos confusos y reforzar sus conocimientos. Y si aun tiene
inquietudes no dude en preguntar al profesor.
Hemos terminado la segunda unidad!

Felicitaciones y nimo con la siguiente unidad.
40
PRIMER BIMESTRE
UNIDAD 3: USABILIDAD
Estimado alumno, empezamos el tercer captulo de la asignatura en el cual abordaremos temas
fundamentales necesarios de comprender en el campo de la Usabilidad
Para iniciar el estudio de la Usabilidad,
le recomendamos acudir al texto base y
revisar el capitulo octavo denominado:
Foro de discusin.
Comprendi todos los temas, a continuacin vamos a reforzar ms la lectura que usted realiz:
Antes de pasar a reforzar el tema conteste las siguientes preguntas de la lectura, aydese en su
cuaderno de trabajo:

Las pruebas de usabilidad involucran las tareas que quiere que el cliente complete, si/no porque?
En la WebApp se debe tener claro los formularios para registro o logue al sistema?
Si respondi correctamente estas preguntas pasemos a reforzar sus conocimientos:

3.1
Que es la Usabilidad
Iniciemos con una definicin de Usabilidad, conocida como un grupo de tcnicas que ayudan a los
usuarios a realizar tareas en entornos grficos.
Un desarrollador trabaja para seres humanos, que quieren realizar una tarea de una forma sencilla y
eficaz a travs de una aplicacin, de modo particular, la deben realizar frente a un ordenador en un
entorno grafico, la web. La usabilidad ayuda a que esta tarea se realice de una forma sencilla analizando
el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Quizs
suene un poco a trabajo industrial, pero al hacer referencia al termino tarea, estamos haciendo referencia
a buscar un programa que queremos ver en la televisin, a ver informacin sobre la ciudad de que vivo.
La Usabilidad es la calidad de las WebApp y su facilidad de uso al momento de cumplir una tarea.
Puesto que ya tiene idea sobre el tema de usabilidad, es necesario reforzarlo, acuda a su cuaderno de
trabajo y explique con sus propias palabras el significado de usabilidad.
Ahora, le planteo un cuestionamiento:
Realmente hace falta la usabilidad para realizar una web?
Efectivamente s. No olvidar que la gente que entra en tu web es por que bsicamente busca algo.
Hacerlo sencillo es decisin tuya (desarrollador).
41
PRIMER BIMESTRE
Con la lectura y ayudado de su cuaderno de trabajo mencione la importancia de la usabilidad.

3.2
Reglas para la usabilidad
Esta unidad es muy importante ya que le indica cuales son las reglas a cumplir para que nuestra WebApp
este 100% usable, de las cuales detallamos a continuacin:
1.
En internet el usuario es el que manda.
Una WebApp sin usuarios la WebApp muere, as que es importante cuidarlo y darle lo que en
realidad necesita, de lo contrario el WebSite se quedar solo y sin visitas.
2.
En internet la calidad se basa en la rapidez y fiabilidad.
En internet cuenta que tu pagina sea mas rpida que elegante, fiable que moderna, sencilla que
compleja, Tienen que ser directa.
3. Seguridad.
o
Es muy comn escuchar a personas pidiendo consejos que si este WebSite ser seguro para
colocar mi informacin general y bancaria. Es por ello que debe ser lo mas seguro y si es posible la
utilizacin de certificados de seguridad.
4. La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace.
o
Esto quiere decir que tal y como esta la competencia en internet, no puedes perder ni un solo
visitante por tener un enlace mal hecho. Es mejor salir con algo sencillo e irlo complicando poco
a poco, que salir con todo y ver que es lo que pasa. Versiones 1.0 son buenas mientras lo que
este puesto este bien asentado y genere confianza. Poco a poco y con el feedback de los usuarios,
podrs ir complicando la pgina.
5.
Si quieres hacer uan WebApp, simplifica, reduce, optimiza.
La gente no se va a aprender tu website, as que es oportuno hacerlo sencillo, reutilizar todos los
elementos, para que de este modo los usuarios se sientan cmodos y no se pierdan cada vez que
necesiten encontrar algo.
6.
Las conclusiones al principio.
El usuario se sentir ms cmodo si ve las metas al principio. De esta forma no tendr que buscar
lo que necesita y perder menos tiempo en completar su objetivo. Si completa su tarea en menos
tiempo se sentir cmodo y quizs se dedique a explorar t website o quizs se lo recomiende a
un amigo.
7.
No hagas perder el tiempo a la gente con cosas que no necesitan.
Cuidado con cruzar promociones. Procurar que la seleccin de productos a cruzar sea consecuente
y no lo quieras vender todo en todas las paginas. Segn avance el usuario en su navegacin
procurar dejarle mas espacio libre. Puede ocurrir que cuando este a punto de comprar algo vea
una oferta que le distraiga y pierdas esa venta.
42
PRIMER BIMESTRE
8.
Buenos contenidos.
Escribir bien para internet es todo un arte. Pero siguiendo las reglas bsicas de (1) poner las
conclusiones al principio y (2) escribir como un 25% de lo que pondras en un papel, se puede
llegar muy lejos. Leer en pantalla cuesta mucho, por lo que, en el caso de textos para internet,
reduce y simplifica todo lo que puedas.
Analice la usabilidad de la siguiente imagen y emita
comentarios del mismo, acerca del objetivo , recursos, diseo,
etc. Registre estos comentarios en el foro del EVA.
Figura 3.1 Ejemplo de usab ilidad de un web site

Disponible en: http://www.mozilla.org/es-ES/firefox/new/
Podemos pasar al siguiente tema:

Ya hemos analizado las reglas de la usabilidad, es hora de ver:
43
3.3
PRIMER BIMESTRE
Principios generales de usabilidad en sitios web
Al momento de la fase de diseo de sitios web se deben seguir los siguientes principios:
1.
Anticipacin, el sitio web debe anticiparse a las necesidades del usuario.
2.
Autonoma, los usuarios deben tener el control sobre el sitio web. Los usuarios sienten que
controlan un sitio web si conocen su situacin en un entorno abarcable y no infinito.
3.
Los colores han de utilizarse con precaucin para no dificultar el acceso a los usuarios con
problemas de distincin de colores (aprox. un 15% del total).
4.
Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir,
con su aprendizaje previo.
5.
Eficiencia del usuario, los sitios web se deben centrar en la productividad del usuario, no en la del
propio sitio web. Por ejemplo, en ocasiones tareas con mayor nmero de pasos son ms rpidas
de realizar para una persona que otras tareas con menos pasos, pero ms complejas.
6.
Reversibilidad, un sitio web ha de permitir deshacer las acciones realizadas.
7.
Ley de Fitts indica que el tiempo para alcanzar un objetivo con el ratn esta en funcin de la
distancia y el tamao del objetivo. A menor distancia y mayor tamao ms facilidad para usar un
mecanismo de interaccin.
8.
Reduccin del tiempo de latencia. Hace posible optimizar el tiempo de espera del usuario,
permitiendo la realizacin de otras tareas mientras se completa la previa e informando al usuario
del tiempo pendiente para la finalizacin de la tarea
9.
Aprendizaje, los sitios web deben requerir un mnimo proceso de aprendizaje y deben poder ser
utilizados desde el primer momento.
10.
La proteccin del trabajo de los usuarios es prioritario, se debe asegurar que los usuarios nunca
pierden su trabajo como consecuencia de un error.
11.
Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamao de fuente debe ser
suficientemente grande.
12. Seguimiento de las acciones del usuario. Conociendo y almacenando informacin sobre su
comportamiento previo se ha de permitir al usuario realizar operaciones frecuentes de manera
ms rpida.
13.
44
Interfaz visible. Se deben evitar elementos invisibles de navegacin que han de ser inferidos por
los usuarios, mens desplegables, indicaciones ocultas, etc.
PRIMER BIMESTRE
Con la lectura que acab de realizar de este tema, describa al menos 4 principios que se deben tomar en
cuenta al momento de realizar un sitio web:

3.4
Usabilidad para pequeos proyectos web
Las WebApp pequeas por su simplicidad en componentes y contenidos son bastante usables, por
lo que no es muy relevante detalles mnimos como el color de links, pero es importante establecer las
reglas de usabilidad generales, esto ayudar que el usuario este cmodo con la aplicacin.

Una vez terminada la lectura, acuda a su cuaderno de trabajo y resuma que reglas generales podemos
implementar en proyectos pequeos.
3.5
Navegadores o mens usables
Empecemos este tema mencionando los puntos principales para tener mens usables:
1.
Procura crear una navegacin mas fluida a travs de (a) buenos contenidos, (b) directorios y (c)
buscadores bien indexados.
2.
Procura evitar un men con muchas opciones (mas de 5 puede ser mucho).
3.
Es bueno indicar al usuario donde esta.
4.
Los colores de enlace nuevo, over y visitado deben ser del mismo color pero con diferentes
tonalidades. No uses diferentes colores para cada estatus, tal como se muestra en la figura 3.2.
Figura 3.2 Ejemplo de usabilidad de navegacin

5.
Si el men se despliega, procura abrir una pagina por defecto y mantn el men desplegado (no
lo cierres sin que el usuario lo haya dicho).
6.
El uso de los bullets es necesario cuando tenemos opciones que ocupan mas de 2 lneas de
texto.
45
PRIMER BIMESTRE
Emita un criterio personal sobre los mens de
navegacin del portal de la UTPL www.utpl.
edu.ec
Con entusiasmo sigamos aprendiendo!
3.6
Evaluar la usabilidad
Existen algunas formas de evaluar la usabilidad de una WebApp uno de ellos pondremos en prctica a
continuacin:
Supongamos que tenemos terminada la primera versin de nuestra aplicacin o ya la tenemos
completamente finalizada y a ello seguiremos los siguientes pasos a evaluar:
Evaluacin automtica que es el uso de aplicaciones que detectan problemas como:

Tamao absoluto de fuentes y tablas

Tamao de las paginas
Formato de textos
Links rotos
Tiempo de descargas
Formatos de imgenes
A continuacin una lista de herramientas en lnea que nos ayuda a evaluar la usabilidad:

http://loadimpact.com/
Esta herramienta evala la carga online, es gratuito sin registro previo. Se comprueban tiempos de
respuesta desde 10 hasta 50 usuarios de forma simultnea.
http://tools.pingdom.com/fpt/
Herramienta online, que informa del nmero total de objetos de una pgina, su peso y velocidad
de carga.
http://watson.addy.com/
Herramienta online, en ingls, que informa del tiempo de carga de la pgina y de descarga de los
ficheros segn el tipo de conexin.
https://www.google.com/webmasters/tools/home
En esta herramienta podemos encontrar el men Errores de rastreo donde reporta los errores que
encuentra google.
http://linkchecker.sourceforge.net/
Evala los links rotos de un sitio web.
http://validator.w3.org/checklink
Otra herramienta para evaluar links rotos.
46
PRIMER BIMESTRE
Evaluacin de acuerdo a directrices.

Otra forma de evaluacin es considerar la adecuacin de las caractersticas del sitio a alguna(s) lista(s)
de directrices o caractersticas que debe tener un buen sitio. Slo tiene valor real si lo realizan como
mnimo dos personas que ya tengan cierta experiencia, y se obtiene una lista de cuestiones con las que
se puede realizar un rediseo alternativo del sitio.
La lista ms conocida es la de los 10 heursticos de Nielsen, enumerados aqu a ttulo ilustrativo:

Visibilidad del estado del sistema

Emparejamiento entre el sistema y el mundo real
Control y libertad del usuario
Consistencia y estndares
Prevencin de errores
Reconocimiento sobre recuerdo
Flexibilidad y eficiencia de uso
Esttica y diseo minimalista
Ayudar a reconocer, diagnosticar y solucionar errores
Ayuda y documentacin
Con lo revisado en la lectura, podemos confirmar que la evaluacin automtica es el uso de software que
detecta problemas elementales como:

Tamaos absolutos de fuentes y tablas
Tamao de paginas
Tiempo de .
Enlaces..

Realice un informe de usabilidad automtica al portal de la UTPL

con la herramienta mencionada en el EVA.
Realice un informe de usabilidad de acuerdo a directrices al portal de
la UTPL y comprtalas en el foro del Eva.
Ya hemos terminado el captulo 3 de nuestra materia, es grato saber que se est avanzando con mucho
optimismo y empeo el desarrollo de esta gua.
Lo sigo invitando nuevamente a que continuemos con el mismo ritmo de trabajo con que empezamos,
ya que vamos a comenzar un nuevo bimestre.
Antes de pasar al siguiente capitulo cuatro, le invito a desarrollar la siguiente
autoevaluacin; para determinar el nivel de conocimiento del tema estudiado.
Empecemos con la autoevaluacin. Suerte!
47
PRIMER BIMESTRE
AUTOEVALUACIN 3
Conteste correctamente la pregunta segn sea el caso:
1.
Coloque una V si es verdadero o una F si es falso a lo siguiente: La usabilidad es darle al usuario

mayor cantidad de privilegios sobre el portal.( )
2.
Seleccione de la lista siguiente, cual es la importancia de la usabilidad (Ms informacin del tema:
texto base capitulo 8 llamado Discussion):
a.
b.
c.
3.
Permite que el usuario localice con facilidad el contenido deseado.

Permite que el usuario se oriente con mayor facilidad en su sitio web.
Permite al usuario generar y publicar contenido en los sitios web.
Existen algunas reglas de usabilidad que se deben tener en cuenta al desarrollar las webapp, de
la siguiente lista seleccione las que no pertenecen a las reglas mencionadas (Ms informacin del
tema: texto base capitulo 8 llamado Discussion):
a.
b.
c.
d.
En internet el usuario es el que manda

Seguridad de redes.
Para hacer una webapp simplifica, reduce y optimiza
Conclusiones al inicio
4.
Coloque una V si es verdadero o una F si es falso a lo siguiente: La seguridad no es muy importante

en la usabilidad.( )
5.
Dentro de los principios de usabilidad, podemos listar algunos de ellos, identifique cuales son
(Ms informacin del tema: texto base capitulo 8 llamado Discussion):
a. Anticipacin.
b. Autonoma.
c. Consistencia.
d. Aprendizaje.
6.
De los siguiente conceptos seleccione el que corresponde a la Reduccin de tiempo de latencia

a.
b.
c.
48
Los sitios web deben requerir un mnimo proceso de aprendizaje y deben poder ser
utilizados desde el primer momento
Hace posible optimizar el tiempo de espera del usuario, permitiendo la realizacin de otras
tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la
finalizacin de la tarea.
Las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su
aprendizaje previo.
PRIMER BIMESTRE
7.
Seleccione cuales son los puntos principales para realizar un men usable
a.
b.
c.
8.
Para la evaluacin automtica se destacan algunos problemas, de la siguiente lista seleccione los
mas comunes (Ms informacin del tema: texto base capitulo 8 llamado Discussion):
a.
b.
c.
d.
9.
Mala documentacin de javascript

Links rotos.
Tiempo de descarga.
Formatos de imgenes.
De la siguiente lista encuentre cuales son herramientas para validar la usabilidad, seleccione mas
de una respuesta (Ms informacin del tema: texto gua capitulo 3):
a.
b.
c.
d.
10.
Procurar mens con colores amarillos(Ms informacin del tema: texto base capitulo 8 llamado
Discussion):
Evitar mens con muchas opciones.
Los colores del enlace, nuevo, over y visitado deben ser totalmente distintos
www.google.com
http://loadimpact.com/ .
www.utpl.edu.ec
http://validator.w3.org/checklink .
Seleccione cuales pertenecen a los puntos heursticos de Nielsen, subraye mas de una respuesta.
a.
b.
c.
d.
Visibilidad del estado del sistema.

Control y libertad del usuario.
Multimedia adaptable
Ayuda y documentacin.
Las respuestas a esta autoevaluacin se encuentran al final de la presente gua
didctica, baya y compare las respuestas, si no logro un buen resultado en la
autoevaluacin, no se preocupe le recomiendo leer nuevamente el/los captulos
confusos y reforzar sus conocimientos. Y si aun tiene inquietudes no dude en
preguntar al profesor.
Hemos terminado la tercera unidad!

Felicitaciones
Estimado alumno, hemos terminado los temas del primer bimestre, espero que hayan
sido entendidos y comprendidos.
Le deseo mucha suerte en su examen presencial y mucho nimo para empezar los temas
del segundo bimestre.
49
SEGUNDO BIMESTRE
SEGUNDO BIMESTRE
6.5
Competencias genricas
Adquirir hbitos y tcnicas de estudio eficaces.

Habilidad para trabajar en forma autnoma.
Capacidad para organizar y planificar el tiempo.
Capacidad de abstraccin, anlisis y sntesis.
Conocimientos sobre el rea de estudio y la profesin.
Capacidad de aplicar los conocimientos.
Capacidad crtica y autocrtica.
Capacidad para identificar, plantear y resolver problemas.
Capacidad para tomar decisiones.
Habilidades en el uso de las tecnologas TICs
6.6
Planificacin para el trabajo del alumno
COMPETENCIAS
ESPECFICAS

Implementar aplicaciones a partir

de especificaciones y modelos de
software utilizando
estndares de
documentacin y
de programacin.
Analizar problemas de programacin para
disear soluciones
expresadas a
travs de mtodos
computacionales.
OBJETIVO DE
APRENDIZAJE
Emitir criterios
de accesibilidad web.
Analizar una
aplicacin web
utilizando
herramientas
en lnea.
Indicar
mnimo cinco
tcnicas de
accesibilidad.
CONTENIDOS
Unidades/Temas
Unidad 4: Accesibilidad.
ACTIVIDADES DE
APRENDIZAJE
CRONOGRAMA
ORIENTATIVO
Tiempo estimado
Lea comprensivamente las

orientaciones que
se presentan en
la gua para los
temas de esta
unidad.
Semana 1 y 2
8 horas de autoestudios
8 de interaccin
Desarrolle las
actividades recomendadas de la
unidad 4.
1.1 Que es la accesibilidad y su importancia

1.2 Como hacer un sitio
accesible
1.3 Evaluacin de la
accesibilidad
1.4 Tcnicas de accesibi
lidad
Resuelva la
autoevaluacin.
Revise los anuncios del EVA.
Elabore un
resumen con los
aspectos fundamentales de la
unidad 4.
51

COMPETENCIAS
ESPECFICAS
OBJETIVO DE
APRENDIZAJE

software utilizando estndares de
documentacin y
de programacin.
Analizar problemas de programacin para

disear soluciones
expresadas a
travs de mtodos
computacionales.
Usar Libreras,
APIS y
Frameworks para
la implementacin
de soluciones
integrales.

software utilizando estndares de
documentacin y
de programacin.
Analizar problemas de
programacin para disear soluciones expresadas a travs de mtodos computacionales.
SEGUNDO BIMESTRE
CONTENIDOS
Unidades/Temas
Determinar
Unidad 5: Seguridad en apliel nivel de
caciones web
seguridad de
un formula1.1 Control de acceso a la
rio mediante
informacin
pruebas
especficas
1.2 Control del acceso al
para aplicaservidor
ciones web
Medir el
1.3 Configuracin del
control de
servidor
acceso de
informacin.
1.4 Donde comprar
Presupuestar
hosting y dominios
seguros
la compra
de dominio
y hosting
seguro.
Explicar los
niveles de
seguridad de
un servidor
web.
Listar las ca- Unidad 6: Web semntica.

ractersticas
1.1 Introduccin a la web
de la web
semntica
semntica
Diferenciar la
1.2 Metadatos
web de hoy
con la web
1.3 Como obtener inforsemntica.
macin
Implementar
mdulos de
1.4 Principales componentes
RDF en un
CMS drupal
1.5 Capas de la web
Definir lo
semntica
que es los
RDF.
1.6 OWL, URI, RDF
Unidades de la 4 a la 6
52
ACTIVIDADES DE
APRENDIZAJE

Lea comprenSemana 3 y 4
sivamente las
orientaciones que
8 horas de autoestuse presentan en
dios
la gua para los
8 de interaccin
temas de esta
unidad.
Desarrolle las
unidad 5.
Resuelva la
autoevaluacin.
Elabore un
resumen con los
unidad 5.
Lea comprenSemanas 5 y 6
sivamente las
8 horas de autoestuorientaciones que
dios
se presentan en
8 de interaccin
la gua para los
temas de esta
unidad.
Desarrolle las
unidad 6.
Resuelva la
autoevaluacin.
Elabore un
resumen con los
unidad 6.
Preparacin para la
evaluacin presencial
correspondiente al
segundo bimestre.
CRONOGRAMA
ORIENTATIVO
Tiempo estimado
Semanas 7 y 8
8 horas de autoestudio
8 de interaccin
SEGUNDO BIMESTRE
6.7
Orientaciones especficas para el aprendizaje por competencias
UNIDAD 4: ACCESIBILIDAD
Estimado alumno, empezamos el cuarto captulo de la asignatura tomando temas fundamentales que
se requiere entender dentro de la probabilidad.
Para iniciar el estudio del tema de Accesibilidad le recomendamos acudir
al siguiente recurso digital http://ocw.uc3m.es/ingenieria-informatica/
evitando-las-barreras-de -accesibilidad-en-la-sociedad-de -lainformacion/material-de-clase-en-formato-pdf/tema-4-accesibilidada-los-contenidos-digitales.pdf/view y realizar una lectura rpida de la
misma.
Qu le pareci la lectura? Tiene algunas dudas?

No se preocupe las vamos a ir resolviendo.
4.1
Qu es accesibilidad Web
La accesibilidad consiste en que personas con algn tipo de discapacidad van a poder hacer uso de
la Web. Al hablar de accesibilidad Web se est haciendo referencia a un diseo Web que va a permitir
que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez
contenidos.
Esta engloba muchos tipos de discapacidades, incluyendo problemas visuales, auditivos, fsicos,
cognitivos, neurolgicos y del habla. Pero la accesibilidad Web beneficia tambin a organizaciones y
a personas sin discapacidad. Por ejemplo, un principio bsico de la accesibilidad Web es la flexibilidad
con el objetivo de satisfacer diferentes necesidades, situaciones y preferencias. Esta flexibilidad va a
beneficiar a todas aquellas personas que utilizan la Web, incluyendo personas que no tienen ninguna
discapacidad pero que, debido a determinadas situaciones, tienen dificultades para acceder a la Web
(por ejemplo, una conexin lenta), tambin estaramos hablando de aquellas personas que sufren una
incapacidad transitoria (por ejemplo, un brazo roto), y de personas de edad avanzada.
Espero que la lectura que acab de realizar haya sido entendida y comprendida, para ello acuda a su
cuaderno de trabajo y escriba cul es el concepto de accesibilidad web:
Para reforzar este concepto responda las siguientes preguntas en la siguiente:
53
SEGUNDO BIMESTRE

A quienes beneficia la accesibilidad web?

Ayudar a personas sin discapacidad y por qu?
Para meternos un poco ms en lo que es accesibilidad web, tenemos que ver la importancia.

Porqu es importante la accesibilidad web:
Actualmente web a ha cobrado mucha importancia especialmente en reas como educacin, empleo,
gobierno, comunicacin, economa, entretenimiento, etc., por ello es necesario que sea accesible para
as proporcionar un acceso equitativo e igualdad de oportunidades a las personas con discapacidad.
Muy sencillo de entender el concepto. Verdad?
Que opina usted sobre la siguiente pregunta:
La accesibilidad web es importante porque por que permite el acceso equilibrado e igual oportunidad
a las personas con discapacidad?
Pasemos a ver ahora algunas reglas para poder calcular la probabilidad.
4.2
Como hacer un sitio accesible
La accesibilidad Web se ha entendido siempre como responsabilidad de los desarrolladores Web. Pero,
el software Web tiene tambin un papel importante en la accesibilidad Web. Es importante que el
software ayude a los desarrolladores a generar y evaluar sitios Web accesibles para que las personas con
discapacidad puedan utilizarlos.
Una de las funciones de la Iniciativa de Accesibilidad Web (WAI) es desarrollar pautas y tcnicas que
proporcionen soluciones accesibles para el software Web y para los desarrolladores Web. Las pautas de
WAI son consideradas como estndares internacionales de accesibilidad Web.
Hacer un sitio Web accesible
Hacer un sitio Web accesible puede ser algo sencillo o complejo, depende de muchos factores como
por ejemplo, el tipo de contenido, el tamao y la complejidad del sitio, as como de las herramientas de
desarrollo y el entorno.
Muchas de las caractersticas accesibles de un sitio se implementan de forma sencilla si se planean desde
el principio del desarrollo del sitio Web o al comienzo de su rediseo. La modificacin de sitios Web
inaccesible puede requerir un gran esfuerzo, sobre todo aquellos que no se etiquetaron correctamente
con etiquetas estndares de XHTML, y sitios con cierto tipo de contenido, como multimedia.

Tcnicas de accesibilidad:
54
SEGUNDO BIMESTRE
Estructura y presentacin

El sitio se ha marcado semnticamente, es decir, se emplean los elementos y atributos de

XHTML nicamente para definir la estructura del contenido, controlndose su presentacin
completamente mediante hojas de estilo.
Las tablas solo se utilizan para marcar informacin tabular y nunca se emplean para controlar la
composicin de la pgina.
Las tablas utilizadas deben tener un elemento incorporado, un ttulo, mediante el elemento
CAPTION, para describir brevemente su finalidad.
Se proporcionan resmenes de las tablas, mediante el atributo summary, que son especialmente
tiles para usuarios no videntes.
Las pginas se han etiquetado para transmitir adecuadamente su estructura. Se usan etiquetas para
sealar los ttulos de las pginas y las cabeceras de las secciones y subsecciones dentro de cada
pgina. Esto beneficia, a los usuarios de lectores de pantalla que pueden moverse por las secciones
de las pginas utilizando combinaciones de teclas.
El contenido debe estar organizado de forma lgica, de manera que aunque el navegador del
usuario no soporte las hojas de estilo o las tenga desactivadas, siga siendo posible leer las pginas.
Se especifican tamaos de texto relativos, para respetar el tamao de texto especificado por cada
usuario en su navegador. Se puede cambiar el tamao de la letra utilizando las opciones que
proporcione el navegador, normalmente disponibles en el men Ver, opcin Tamao del texto
o directamente con las teclas CTRL y + (aumentar tamao), CTRL y - (disminuir tamao).
La separacin entre contenido y presentacin, as como el uso adecuado de los estndares web,
hace posible que la WebApp pueda visualizarse correctamente en multitud de navegadores.
Con la lectura y el anlisis que acab de realizar, acuda a su cuaderno de trabajo y mencione dos factores
que intervienen en la accesibilidad de un sitio web:
Ingrese al EVA (foro) y mencione las formas de hacer
un sitio web accesible que Ud encontr y que haya
investigado.
Terminada esta tarea podemos pasar al siguiente tema que es :

4.3
Evaluacin de la accesibilidad
La evaluacin de la accesibilidad de forma temprana y a lo largo del desarrollo permite encontrar al

principio problemas de accesibilidad, cuando es ms fcil resolverlos. Tcnicas sencillas, como es cambiar
la configuracin en un buscador, pueden determinar si una pgina Web cumple algunas de las pautas
de accesibilidad.
55
SEGUNDO BIMESTRE
Hay herramientas de evaluacin que ayudan a realizar evaluaciones de accesibilidad. No obstante,

ninguna herramienta en s misma puede determinar si un sitio cumple o no las pautas de accesibilidad.
Para determinar si un sitio Web es accesible, es necesaria la evaluacin humana.
A continuacin una lista de herramientas en lnea que ayudara a medir la accesibilidad de una webapp:

http://www.tawdis.net/
http://www.sidar.org/hera/
http://walidator.net/uwem/index.es.php
http://www.usableyaccesible.com/recurso_misvalidadores.html#accesibilidad
En este enlace encontraremos algunos recursos de para usabilidad y accesibilidad muy buenos.
Con la lectura rpida que haya realizado Ud. est en condiciones de completar:
La evaluacin temprana de la accesibilidad permite ...
Utilice el internet para realizar esta actividad.
Ingrese al siguiente link http://www.usabilidad.dev42.es/2011/02/08/herramientas-utiles-paracrear-tu-web-accesible/ y mencione en su cuaderno de trabajo las diferentes herramientas que
encontr.
Ahora acuda a la herramienta Unicorn y tawdis para validar el portal de la UTPL:

Comente el resultado en el foro de trabajo del EVA

Muy bien, lo invito a continuar con el estudio de los temas de la materia con el mismo entusiasmo con
que inici al comienzo de la materia.
4.4
Ejercicios de accesibilidad
A continuacin se muestra un formulario comn y corriente donde no aplica tcnicas de usabilidad:

<form action=procesar_datos.php method=post name=datos_usuario>
<h2>Datos personales</h2>
<p>Nombre <input name=nombre type=text size=40></p>
<p>Apellidos <input name=apellidos type=text size=40></p>
<p>Direccin <input name=direccion type=text size=40></p>
<p>Telfono <input name=tlf type=text size=40></p>
<p>Correo<input name=correo type=text size=40></p>
<h2>Datos de la empresa</h2>
<p>Direccin <input name=empresa type=text size=40></p>
<p>Telfono <input name=tlf_emp type=text size=40></p>
<p>Fax <input name=fax type=text size=40></p>
<p>Pgina web <input name=pg_web type=text size=40></p>
<input name=enviar type=submit value=Enviar formulario>
</form>
56
SEGUNDO BIMESTRE
En el cdigo anterior se muestra un formulario normal que no cuenta con ningn estndar de accesibilidad
en formularios, observese que dentro de las etiquetas p se tiene el nombre (label) y las cajas de texto sin
ninguna relacin entre ellos.
A continuacin tenemos el formulario cumpliendo normas de accesibilidad:
<form action=procesar_datos.php method=post id=formulario_contacto>
<fieldset>
<legend>Datos personales</legend>
<dl>
<dd><label for=nombre>Nombre</label></dd>
<dt><input name=nombre id=nombre type=text size=40 value= /></dt>
<dd><label for=apellidos>Apellidos</label></dd>
<dt><input name=apellidos id=apellidos type=text size=40 value= /></dt>
<dd><label for=direccion>Direccin</label></dd>
<dt><input name=direccion id=direccion type=text size=40 value= /></dt>
<dd><label for=tlf>Telfono</label></dd>
<dt><input name=tlf id=tlf type=text size=40 value= /></dt>
<dd><label for=correo>Correo electrnico</label></dd>
<dt><input name=correo id=correo type=text size=40 value= /></dt>
</dl>
</fieldset>
<fieldset>
<legend>Datos de la empresa</legend>
<dl>
<dd><label for=empresa>Nombre de la empresa</label></dd>
<dt><input name=empresa id=empresa type=text size=40 value= /></dt>
<dd><label for=tlf_emp>Telfono</label></dd>
<dt><input name=tlf_emp id=tlf_emp type=text size=40 value= /></dt>
<dd><label for=fax>Fax</label></dd>
<dt><input name=fax id=fax type=text size=40 value= /></dt>
<dd><label for=pg_web>Pgina web</label></dd>
<dt><input name=pg_web id=pg_web type=text size=40 value= /></dt>
</dl>
</fieldset>
<div><input name=enviar id=enviar type=submit value=Enviar formulario />

</div>
</form>
En el recuadro se muestra el cdigo equivalente a un formulario que cumple con las normas de
accesibilidad, entre las cuales podemos mencionar las siguientes:

Esta correctamente etiquetado los label, con su respectivo for

Cada parte del formulario posee una legend
Cada caja de texto esta ligado a un label por medio del nombre y el for del label
Para encerrar las partes del formulario se utiliza las etiquetas fieldset
Le recomiendo ejecutar el cdigo html en su maquina local y ver los resultados.

Lo sugiero realizar la siguiente actividad para reforzar sus conocimientos adquiridos.
57
SEGUNDO BIMESTRE
1.
Liste los atributos que contiene el formulario accesible e indique
que significado posee cada uno de ellos.
2.
Elabore su propio formulario de registro de un evento, cumpla con
todas las tcnicas de usabilidad, los campos del formularios son: cedula,
nombres, apellidos, sexo, fecha de nacimiento, direccin, correo, tipo de
participante (ponente, estudiante, docente), taller , forma de pago (Pago en
la sede, tarjeta de crdito). Publique el resultado el en foro del EVA.
Una vez revisado este tema, y no ha comprendido muy bien, vuelva a revisar. Si an no comprende bien
no dude en consultar a su tutor.
Para medir sus conocimientos adquiridos le invito a

desarrollar la siguiente autoevaluacin.
Empecemos con la autoevaluacin. Suerte!

AUTOEVALUACIN 4
Conteste correctamente las preguntas segn sea el caso:
1.
Seleccione de la siguiente lista cual es el objetivos de la accesibilidad web (Ms informacin del tema:
En el recurso http://ocw.uc3m.es/ingenieria-informatica/evitando-las-barreras-de-accesibilidaden-la-sociedad-de-la-informacion/material-de-clase-en-formato-pdf/tema-4-accesibilidad-a-loscontenidos-digitales.pdf/view)
a.
b.
c.
2.
Acceso a aplicaciones restringidas para cualquier usuario

Acceso a aplicaciones para cualquier usuario normal o cual discapacidad.Acceso a recursos ricos como pdf, doc.
La accesibilidad ha cobrado importancia en reas como, seleccione mas de una respuesta (Ms
informacin del tema: En el recurso http://ocw.uc3m.es/ingenieria-informatica/evitando-las-barrerasde-accesibilidad-en-la-sociedad-de-la-informacion/material-de-clase-en-formato-pdf/tema-4accesibilidad-a-los-contenidos-digitales.pdf/view)
a. Educacin.
b.
Industria automotriz
c.
Comunicacin digital.
d. Empleo.
58
SEGUNDO BIMESTRE
3.
Las siglas WAI en espaol significa, seleccione la respuesta correcta. (Ms informacin del tema:
a.
b.
c.
4.
Localice las tcnicas de accesibilidad de estructura y presentacin (Ms informacin del tema:
a.
b.
c.
d.
5.
Accesibilidad web incorporada

Iniciativa de Accesibilidad Web.
Importancia de la Accesibilidad Web
Sitio marcado semnticamente.

Proporcionan resmenes a las tablas.
Tamao de imgenes proporcionales al contenido
Contendido organizado lgicamente.
De la siguiente lista marque cuales son validadores de accesibilidad:

a.
b.
c.
d.
http://www.tawdis.net/.
www.accessvalidatorwai.com
Las respuestas a esta autoevaluacin se encuentran al final de
la presente gua didctica, baya y compare las respuestas, si no
logro un buen resultado en la autoevaluacin, no se preocupe le
recomiendo leer nuevamente el/los captulos confusos y reforzar sus
conocimientos. Y si aun tiene inquietudes no dude en preguntar al
profesor.
Hemos terminado la cuarta unidad!

Felicitaciones
59
SEGUNDO BIMESTRE
UNIDAD 5: SEGURIDAD DE APLICACIONES WEB

Estimado alumno, empezamos el quinto captulo de la asignatura tomando temas fundamentales que
se requiere entender dentro de la seguridad web.
Para iniciar el estudio de este tema de seguridad, acuda al siguiente
recurso digital http://www.seguridad.unam.mx/descarga.dsc?arch=2430
y realice una lectura comprensiva del tema de seguridad de aplicaciones
web.
Qu opina de lo aprendido? Tiene inquietudes o dudas? A continuacin las iremos resolviendo!
5.1
Control de acceso a la informacin
Las aplicaciones web tienen acceso abierto a un conjunto de informacin que explcitamente se
hace pblica. Sin embargo, en determinadas circunstancias, es interesante poder limitar el acceso a
documentos reservados o tiles para un conjunto restringido de personas. Se pueden establecer dos
tipos de restricciones:
1.
Limitacin de acceso en funcin de direcciones IP o dominio. Slo los usuarios de un dominio u

organizacin tendrn acceso a la informacin.
2.
Limitacin de acceso por nombres de usuario y claves de acceso. Slo los usuarios que conozcan
una clave de acceso vlida pueden acceder a la informacin.
Otro aspecto que est cobrando especial importancia es la seguridad de la informacin que se
intercambia en el Web. El Internet exige disponer de sistemas de comunicacin seguros, capaces de
adaptarse a las necesidades de los nuevos servicios, como la compra electrnica o la banca a distancia.
En estos servicios, se manejan dos conceptos fundamentales, la autentificacin y la confidencialidad.
Con los sistemas de comunicacin actualmente en uso, es tcnicamente posible pinchar un enlace
de comunicaciones e interceptar el contenido de las comunicaciones TCP/IP que por l se transmiten.
Cuando se enva informacin privada, por ejemplo un nmero de tarjeta de crdito en un formulario de
compra, es vital garantizar que la informacin sea recibida exclusivamente por su destinatario, y que la
identidad es la esperada.
Control de acceso a la informacin
Se utiliza para limitar el acceso a determinados documentos de un servidor Web, en funcin del origen
y tipo de peticin. La forma de hacerlo vara con el entorno en el que se publican las pginas (sistema
operativo y servidor HTTP, principalmente); en general, todas las soluciones pasan por definir un fichero
que contiene las diferentes limitaciones de acceso, en un formato caracterstico del servidor HTTP. En
algunos casos se utiliza un fichero global con las restricciones de acceso o bien un fichero por cada
directorio al que se quiere limitar el acceso.
60
SEGUNDO BIMESTRE
Cuando un cliente Web accede a un fichero protegido, el servidor devuelve un cdigo de error asociado
a la falta de permisos para realizar la operacin (cdigo 401).
Realice una lectura del siguiente paper http://www.linux-magazine.
es/issue/45/008-009Inseguridades45.pdf y comente los temas
principales en el foro del EVA.
Muy bien, si est todo claro podemos pasar al siguiente tema que es Control de acceso al servidor apache.
5.2
Control de acceso al servidor con el archivo .htaccess
.htaccess (Acceso de Hiper-Texto) es el nombre por defecto del archivo de configuracin de directorios
de Apache. Provee de la habilidad para personalizar la configuracin de las directivas definidas en el
archivo de configuracin principal. Las directivas de configuracin necesitan estar en el contexto de
.htaccess y el usuario necesita los permisos apropiados.
A continuacin listaremos las configuraciones generales que suelen hacer con el archivo.

Control de carpetas: Se puede deshabilitar completamente el acceso a la carpeta.

#deny all access
deny from all
Para permitir el acceso desde una sola IP
#deny all access
allow from 10.0.0.1
Para permitir el acceso desde un rango de IPs
#deny all access
allow from 192.168.0.0/24
Para bloquear el acceso a un archive especifico.
<Files privado.html>
Order allow,deny
Deny from all
Evitar el listado de directorio de nuestras aplicaciones, es muy importante desactivar
esto ya que pueden ser vulnerables a cualquier manipulacin por externos.
Options -Indexes
Le result muy sencilla la lectura Verdad? Ahora pasemos a realizar la siguiente actividad:
61
SEGUNDO BIMESTRE
Implemente este siguiente cdigo .htaccess en una aplicacin de su servidor
apache, para ello :
cree una carpeta llamada aplicacionweb1,
Coloque algunos archivos como imgenes, pdfs, etc.
Ejecute la aplicacin son 127.0.0.1/aplicaiconweb1
Implemente el siguiente cdigo en el .htaccess
RewriteEngine on
RewriteRule ^$ webroot/ [L]
RewriteRule (.*) webroot/$1 [L]
Options -Indexes
Socialice el resultado en el Foro del EVA y emita comentarios.
Continuemos con algunos temas ms de seguridad.
5.3
Configuracin del servidor web
El servidor apache el cual es el que se instala con el xampp, contiene su propio archivo de configuracin
que se llama httpd.conf que se encuentra ubicado en:
Figura 5.1 Directorio del archivo httpd.conf

62
SEGUNDO BIMESTRE
El archivo httpd.conf esta divido en 3 partes que son:

Configuracin de parmetros globales

Directivas de funcionamiento.
Configuracin de los host virtuales.
Por lo regular el archivo contiene parmetros de configuracin que vienen por defecto en la instalacin.
Pero tambin existen parmetros que se los pueden configurar a conveniencia del usuario.
Dentro de este archivo podemos activar o desactivar libreras:
Figura 5.2 Contenido del archivo httpd.conf

Eliminando el signo # des comentamos la librera para luego reiniciar los servicios y se active con dicha
opcin.
Otros parmetros pueden ser:
<Directory> : Los parmetros que se encuentran dentro de esta seccin, slo se aplicarn a el directorio
especificado y a sus subdirectorios.
<DirectoryMatch>: Igual que Directory, pero acepta en el nombre del directorio expresiones regulares.
63
SEGUNDO BIMESTRE
<Files>: Los parmetros de configuracin proporcionan control de acceso de los ficheros por su nombre.
<FilesMatch>: Igual que Files, pero acepta expresiones regulares en el nombre del fichero. <Location>:
Proporciona un control de acceso de los ficheros por medio de la URL
<LocationMatch>: Igual que Location, pero acepta expresiones regulares en el nombre del fichero.
Algunas veces las directivas de funcionamiento de las secciones anteriores se pueden cruzar en cuyo
caso tienen el siguiente orden de preferencia:
1.
2.
3.
4.
<Directory> y .htaccess (.htaccess prevalece frente a <Directory>)

<DirectoryMatch> y <Directory>
<Files> y <FilesMatch>
<Location> y <LocationMatch>
Timeout
Timeout define, en segundos, el tiempo que el servidor esperar por recibir y transmitir durante la
comunicacin. Timeout est configurado por defecto a 300 segundos, lo cual es apropiado para la
mayora de las situaciones
ServerRoot
La directriz ServerRoot especifica el directorio de nivel superior que tiene el contenido web. Por defecto,
ServerRoot est configurado a /etc/httpd para servidores seguros y no seguros.
ServerName
Use la directriz ServerName para configurar un nombre de servidor y un nmero de puerto (que coincida
con la directriz Listen) para el servidor. El ServerName no necesita coincidir con el nombre real de la
mquina. Por ejemplo, el servidor Web puede ser www.example.com pero el nombre del servidor es
en realidad foo.example.com. El valor especificado en ServerName debe ser un nombre del Servicio de
Nombres de Dominio (Domain Name Service, DNS) vlido que pueda ser resuelto por el sistema.
Lo siguiente es una directriz ServerName de ejemplo: www.servidorweb.com:80
Para reforzar an ms este tema le invito a realizar la siguiente actividad.
Desarrolle una prctica de configuracin del servidor local active la librera

para la base de datos postgres y cambie su servername a www.ejemploweb.
com. Capture la pantalla de la prctica y sbalas al EVA y emita criterios de la
misma.
Pasemos a revisar el tema: donde comprar dominios y hosting seguros.
64
SEGUNDO BIMESTRE
5.4
Donde comprar dominios y hosting seguros.
Para iniciar el estudio de este tema de dominios, acuda

al texto base al capitulo de Planning y realice una lectura
comprensiva del tema Domain Name Sysmen.
Qu opina de lo aprendido? Tiene inquietudes o dudas? A continuacin las iremos resolviendo
reforzando el tema con ms informacin!
Figura 5.3 Proceso de la peticin de una WebApp con el servidor

Disponible en: http://www.ximhai.com/blog/que-es-web-hosting-y-dominios-b14x
El Web Hosting es la computadora con caractersticas especiales donde se guarda toda la informacin
de la WebApp, correos, bases de datos, etc.
En la grafica 5.3 se describe el proceso que se realiza cuando el cliente solicita una aplicacin web por
internet, ejemplo www.utpl.edu.ec, la computadora del usuario se conecta con otra computadora en
internet para descargar la informacin que va a mostrar, a sta otra computadora se le llama Servidor,
porque es la encargada de brindar la informacin, y a tu computadora se le llama Cliente, porque es
quien recibe la informacin.
El servidor que brinda el Hosting que es todo lo necesario para que una pgina pueda ser utilizada
desde internet, tiene varios servicios, como son:

Espacio en disco para almacenar la pgina

Espacio para guardar los correos electrnicos
Recibir y enviar correos electrnicos
Guardar y administrar bases de datos
Guardar estadsticas sobre las visitas a la pgina de internet
65
SEGUNDO BIMESTRE
Dominios
Los dominios son nombres de las pginas en internet. Cuando se quiere entrar a una WebApp,
normalmente se escribe el nombre, por ejemplo: www.utpl.edu.ec.
El nombre de dominio est compuesto por dos partes:
El nombre: www.utpl
TLD: .edu.ec
La terminacin. Que puede ser .com, .com.ec, .org, .ec, .edu, .edu.ec, etc. sta terminacin ayuda a
indicar el motivo o la razn de tu empresa y ubicacin:
.com comercial
.com.ec -> comercial en Ecuador;
.org organizacin sin fines de lucro;
.tv canal de televisin o televisora
.edu educativas
.edu.ec educativas de Ecuador
Hay reglas para escoger un nombre de dominio:

Tiene que ser nico. Si alguien ya registr un dominio no se puede repetir.
Pueden tener los siguientes caracteres: Letras de la A a la Z (con la excepcin de la ) o Nmeros

del 1 al 0 o Guin medio -.
Cualquier otro carcter como espacios en blanco, acentos, signos de puntuacin, parntesis, guin
bajo _, etc., no pueden ser parte de un dominio.
No pueden empezar con un guin medio.
Para poder ver la disponibilidad del dominio, tenemos que ingresar a la siguiente direccin https://www.
networksolutions.com/ y buscar si esta disponible el dominio.
Luego de realizar la lectura sugerida, le parece aplicable? Reflexione sobre lo que tiene en su entorno
y aplique lo indicado. Si le quedaron dudas vuelva a leer detenidamente el tema, formule preguntas y
consltelas con su tutor.
Ahora esta en la capacidad de contestar y con ayuda de su cuaderno de trabajo:

Liste que es un servidor y un cliente.

Que es el hosting.
Que es un dominio.
Cuales son las terminologas que pueden tener.
Con ayuda del foro del Eva comente que empresa vende dominios con la terminologa .ec
Le sugiero realizar la siguiente actividad para reforzar lo aprendido.
66
SEGUNDO BIMESTRE
Realice un presupuesto para la implementacin del cms instalado
anteriormente en el internet, que abarque lo que es el dominio .ec y el
hosting. Puede comentarlo en el foro del Eva

Proponga Ud el nombre del dominio

Verifique la disponibilidad del mismo.
Estamos avanzando en los contenidos, es por ello que lo invito a medir sus conocimientos,
desarrollando la autoevaluacin. Esta le ayudar a autoevaluarse y ver su estado en la materia.
Antes de pasar al siguiente capitulo, pasemos a desarrollar
la siguiente autoevaluacin; para determinar el nivel de
aprovechamiento del tema estudiado.
Suerte en la autoevaluacin! Siga adelante

AUTOEVALUACIN 5
Conteste correctamente las preguntas segn sea el caso:
1.
Dentro de la seguridad, se encuentra el control de acceso de informacin, localice el tipo de

restricciones (Ms informacin de esta pregunta: en el siguiente recurso digital http://ocw.uniovi.es/
course/view.php?id=28 )
a.
b.
2.
El significado del archivo .htaccess en espaol es (Ms informacin de esta pregunta: en el siguiente
recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):
a.
b.
c.
3.
Limitacin de acceso en funcin de direcciones IP o dominio. Slo los usuarios de un

dominio u organizacin tendrn acceso a la informacin.Limitacin de acceso por sistema operativo
Acceso de protocolo de hipertexto

Acceso de Hiper-Texto.Acceso de Hiper-Media
Para la restriccin de una carpeta en el archivo .htaccess es, seleccione una respuesta (Ms
informacin de esta pregunta: en el siguiente recurso digital http://ocw.uniovi.es/course/view.
php?id=28 ):
a.
b.
c.
Allow from all

Deny from all.
Allow dem /carpeta
67
4.
Para permitir el acceso desde un rango de IPs es (Ms informacin de esta pregunta: en el siguiente
recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):
a.
b.
c.
5.
Htpd.conf
Httpd.ini
Httpd.conf.
De la siguiente lista marque las partes que se divide el archivo httpd (Ms informacin de esta
pregunta: en el siguiente recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):
a.
b.
c.
d.
7.
Deny from 10.2.2.2

Allow from 192.167.2.3/34.Deny from all
El archivo de configuracin del servidor apache se denomina (Ms informacin de esta pregunta:
en el siguiente recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):
a.
b.
c.
6.
SEGUNDO BIMESTRE
Configuracin de parmetros internos

Configuracin de parmetros globales.Directivas de funcionamiento.Restricciones de dominios
Localice el proceso de una peticin web de la siguiente lista (Ms informacin de esta pregunta: en
el siguiente recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):
a.
b.
c.
Servidor cliente- internet servidor- cliente

Cliente servidor internet servidor - cliente
Peticin del cliente internet servidor internet cliente.-
8.
Coloque una V si es verdadero o una F si es falso a lo siguiente: El web hosting es el alojamiento de

mi aplicacin web en otra maquina local. ( )
9.
Coloque una V si es verdadero o una F si es falso a lo siguiente: La terminologa .ec significa que
son de Ecuador. ( )
10.
Coloque una V si es verdadero o una F si es falso a lo siguiente: El dominio son los nombres de mi
pgina web. ( )
Las respuestas a esta autoevaluacin se encuentran al final de la presente gua didctica,
baya y compare las respuestas, si no logro un buen resultado en la autoevaluacin, no
se preocupe le recomiendo leer nuevamente el/los captulos confusos y reforzar sus
conocimientos. Y si aun tiene inquietudes no dude en preguntar al profesor.
Hemos terminado la quinta unidad!

Felicitaciones
68
SEGUNDO BIMESTRE
UNIDAD 6: WEB SEMANTICA

Iniciamos el sexto captulo de la asignatura, nos corresponde el estudio de temas fundamentales que se
requiere aprender para entender la Web semntica.
Para iniciar el estudio de este tema le recomendamos acudir
al texto base y revisar el capitulo denominado: Distributed
Computing.
Posterior a su lectura vamos a enfatizar algunos puntos ms importantes para su aprendizaje.
6.1
Introduccin a la web semntica
La Web Semntica es una web extendida, la misma est dotada de un mayor significado. Se desarrolla
con lenguajes universales que permitirn a los usuarios encontrar respuestas a sus preguntas de una
forma ms rpida y sencilla gracias a la mejor estructuracin de la informacin.
La Web Semntica intenta realizar un filtrado de manera automtica pero precisa de la informacin. Es
necesario hacer que la informacin que anida en la Web sea entendible por las propias mquinas.
La misma permitir a los usuarios delegar tareas a las herramientas de la Web Semnticas, las cuales
podrn ser capaces de procesar la informacin.
La Web Semntica es una extensin de la World Wide Web en la que los contenidos de la Web pueden ser
expresado mucho mas que en un lenguaje natural, y tambin en un formato que pueda ser entendido,
interpretado y usado por diferentes software, permitindoles buscar, compartir e integrar informacin
ms fcil.
Es el internet existe mucha informacin donde podemos relacionar con diferentes recursos. Con la
misma podemos solucionar problemas habituales como son los de realizar bsquedas en Internet.
Los buscadores arrojan resultados en base a palabras claves, estn nos arrojan datos que no se relacionan
con lo que deseamos encontrar, y que podamos relacionar recursos en la Web.
El propsito principal de la Web semntica es crear un medio universal que permita el intercambio de
datos y brindar un mayor significado a la misma para que puedan ser interpretadas por las mquinas.
Cmo le fue en la lectura? Muy sencilla y clara. Verdad? Para medir lo ledo pasemos a realizar la
siguiente:
69
SEGUNDO BIMESTRE
Describa con sus palabras cual es el objetivo principal,
la visin y la definicin de la web semntica
Pasemos ahora a revisar el tema de los metadatos.
6.2 Metadatos
Los metadatos son palabras descriptivas de los recursos. Los metadatos significan dato sobre datos.
Estos permiten describir, identificar y localizar contenidos en documentos de la Web.
Estos metadatos deben contener informacin estructurada para que los ordenadores la entiendan y
contener patrones iguales. Es decir, los metadatos son datos altamente estructurados que describen
informacin, describen el contenido, la calidad, la condicin y otras caractersticas de los datos.
Le recomiendo memorizarse el concepto de metadatos, ya que posteriormente los tendr que utilizar.
Para entender un poco ms sobre la web semntica acuda

a internet a la siguiente direccin: http://blogs.enap.
unam.mx/asignatura/francisco_alarcon/wp-content/
uploads/2012/01/web_semantica.pdf lea y responda las
siguientes preguntas:

Cual es el significado de ontologas?

Explique su estructura de una ontologa.
Qu herramientas existen y nos ayudan para la creacin de
ontologas?
Comparta esta investigacin en el foro del EVA.
Vamos a centrarnos un poco en el desarrollo y representacin de ontologas, en la lectura del recurso

http://protege.stanford.edu/publications/ontology_development/ontology101-es.pdf
explica
la
creacin de una ontologa utilizando la herramienta Protege, lea este articulo y realice la creacin de la
misma, siga paso a paso el proceso, una ves instalada la herramienta Protege (lo puede descargar de
http://protege.stanford.edu/download/download.html ) contine con la creacin de la ontologa.
Comparta sus preguntas y resultados en el foro del EVA.
Muy bien ahora pasemos a un nuevo tema que es:
70
SEGUNDO BIMESTRE
6.3
Como obtener informacin
En la web semntica se pude obtener informacin mediante archivos RDF, podemos extraer la
informacin de la base de datos para crear un formato ms comprensible para las mquinas. Con esta
informacin podemos realizar deducciones lgicas, combinar informacin, generar informacin nueva
a partir de una ya existente, realizar consultas complejas en buscadores.
6.4
Principales componentes
Entre los principales componentes de la Web Semntica podemos encontrar :

XML Schema es un lenguaje para proporcionar y restringir la estructura y el contenido de los

elementos contenidos dentro de documentos XML.
XML Provee una sintaxis elemental para las estructuras de contenidos dentro de documentos.
RDF es un lenguaje simple para expresar modelos de los datos, que refieren a los objetos recursos
y a sus relaciones. Un modelo de RDF-based se puede representar en sintaxis de XML.
RDF Schema es un vocabulario para describir propiedades y clases de recursos RDF-based, con
semntica para generalizar-jerarquas de las propiedades y clases.
OWL la descripcin de OWL en ingls Ontology Web Language describe las funciones y relaciones
de cada componente de la Web Semntica, Es un mecanismo para desarrollar temas o vocabularios
especficos en los que podamos asociar esos recursos.
Revisemos el siguiente punto que es:

6.5
Capas de la web semntica.
Analice la siguiente grafica 6.1 donde se encuentra las capas de la web sematica, luego estaremos
explicando cada uno de los elementos que lo compone:
Figura 6.1 Fases de la Web semntica

Disponible en: http://www.maestrosdelweb.com/
71
SEGUNDO BIMESTRE
Bien, ahora que tiene una perspectiva de este tema, formule 3 preguntas y expngalas a su tutor a travs
del EVA, con ello aproveche para reforzar lo aprendido.
6.6
OWL, URI, RDF
Como observamos en la figura 6.1, la Web Semntica tiene varias capas; a continuacin se describe cada
una de ellas:
Acuda al siguiente enlace http://www.maestrosdelweb.com/editorial/web-semantica-y-sus-principalescaracteristicas/ y lea las definiciones de cada elemento que componen la grafica de la web semntica.
Esto le ayudar a entender cada una de ellas.
De la lectura realizada podemos decir que:
RDF
El RDF es un Marco de Descripcin de Recursos, este es un framework para metadados en la World Wide
Web, creado por W3C World Wide Web Consortium.
Este modelo se basa en la idea de convertir las declaraciones de los recursos en expresiones con la forma
sujeto-predicado-objeto (conocidas en trminos RDF como tripletes).
La combinacin de RDF con otras herramientas como RDF Schema y OWL permite aadir significado a
las pginas, y es una de las tecnologas esenciales de la Web semntica.

Sujeto: Es el recurso al cual nos estamos refiriendo.

Predicado: Es el recurso que indica lo que estamos definiendo.
Objeto: Puede ser un recurso que puede considerarse el valor definido.
En el siguiente ejemplo veremos la pgina de W3C en Wikipedia:

Expresado en RDF/XML sera:
<rdf:RDF
xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#
xmlns:dc=http://purl.org/dc/elements/1.1/>
<rdf:Description rdf:about= http://en.wikipedia.org/wiki/World_Wide_Web_Consortium >
<dc:title>W3C</dc:title>
<dc:publisher>Wikipedia</dc:publisher>
</rdf:Description>
</rdf:RDF>
Si lo realiz correctamente Ud puede contestar las siguientes preguntas, le sugiero que lo haga en su
cuaderno de trabajo.

Que es un RDF
Que significa OWL
Que es una URI
72
SEGUNDO BIMESTRE
Ahora lo invito a realizar una prctica con su cms instalado anteriormente.

Con el cms drupal instalado anteriormente investigue mdulos que permitan la

generacin de RDF sobre los contenidos subidos al portal, instlelos y socialice en
el foro del EVA, capture las pantalla con los resultados obtenidos.
Llene el siguiente RDF con los datos de su sitio web instalado anteriormente.
<rdf:RDF
xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#
xmlns:dc=http://purl.org/dc/elements/1.1/>
<rdf:Description rdf:about= >
<dc:title>..</dc:title>
<dc:publisher></dc:publisher>
</rdf:Description></rdf:RDF>
Le invito a desarrollar la siguiente autoevaluacin; para

determinar el nivel de aprovechamiento del tema estudiado.

AUTOEVALUACIN 6
Conteste o seleccione la pregunta segn sea el caso:
1.
Seleccione de la siguiente lista, la respuesta correcta de Web Semntica (Ms informacin de esta
pregunta en el texto base capitulo 14, llamado Distributed Computing):
a.
b.
c.
2.
Es una web extendida, la misma est dotada de un mayor significado.Es una web estructurada y separada por parmetros de configuracin
Es una web extendida en parmetros de desarrollo modular
Seleccione el concepto de metadatos (Ms informacin de esta pregunta en el texto base capitulo
14, llamado Distributed Computing):
a.
b.
c.
Son palabras globales del internet

Son palabras descriptivas de los recursos.
Son palabras que describen los propietarios de los contenidos
73
SEGUNDO BIMESTRE
3.
La visin de la Web Semntica es ampliar los principios de la Web desde los documentos a los
datos ( )
4.
Seleccione cual de los archivos que se pueden obtener informacin en la web semntica. (Ms
informacin de esta pregunta en el texto base capitulo 14, llamado Distributed Computing):
a. PDF
b. RDF.c.
PHP
5.
El objetivo de la web semntica es crear un medio universal que permita el intercambio de datos
y brindar un mayor significado a la misma para que puedan ser interpretadas por las mquinas.....
( )
6.
Localice de la siguiente lista los componentes de la web semntica. (Ms informacin de esta
pregunta en el texto base capitulo 14, llamado Distributed Computing):
a.
XML.b. RDF
c. WAI
d. OWL.-
7.
Los RDF estn compuestos por tripletas que son: seleccione una respuesta. (Ms informacin de
esta pregunta en el texto base capitulo 14, llamado Distributed Computing):
a. Sujeto-predicado-objeto.b. Sujeto-cabecera-metadatos
c. Metadas-xml-owl
8.
Las URIs son las encargadas de identificar objetos. ( )
9.
Las URIs permiten ingresar a cualquier recurso de mi sitio web. ( )
10.
Las ontologas son archivos .rdf que guardan informacin del sitio. ( )
Si pudo resolver todos los ejercicios significa que ha adquirido la comprensin suficiente para
continuar con las dems unidades, por lo que lo felicito. Si tuvo algunos errores, vuelva a leer las partes
correspondientes y no dude en llamarme si le quedan inquietudes.
Las respuestas a esta autoevaluacin se encuentran al final de la presente gua didctica,

baya y compare las respuestas, si no logro un buen resultado en la autoevaluacin, no
se preocupe le recomiendo leer nuevamente el/los captulos confusos y reforzar sus
conocimientos. Y si aun tiene inquietudes no dude en preguntar al profesor.
Hemos terminado la sexta unidad!
Felicitaciones
74
SOLUCIONARIO
7. SOLUCIONARIO
dfsdsGit autaquatatem
rae repudan
ihilignam apici con
nullatest offic
tetumqu idundipsam
culliqui
dfsdsGit autaquatatem
rae repudan
ihilignam apici con
nullatest offic
tetumqu idundipsam
culliqui
Unidad 1
1.
Subraye los aspectos importantes a tomar en cuenta en la ingeniera web:

2.
Para garantizar la calidad de las webapp se debe tomar en cuenta los siguientes aspectos:

3.
Arquitectura de informacin. Contribuye para una buena estructura y presentacin de

contenido en la webapp.
Ingeniera de requisitos. Con ella se puede levantar todos los requerimientos antes de
empezar a desarrollar la webapp.
Gestin de proyectos. Se puede llevar por buen camino los proyectos web que es estn
desarrollando para la entrega a tiempo y con calidad.
Existen varias categoras de las webapp subraye la/las correctas:

5.
Usabilidad. para que el usuario pueda estar cmodo y realizar las tareas planteadas en la
webapp.
Seguridad. Con ello el usuario estar tranquilo con la informacin que ingresa en la webapp.
La ingeniera web es multidisciplinaria, subraye las reas que interviene en ella:

4.
Diseo de base de datos. Es una rea importante para el almacenamiento de informacin de

las webapp
Diseo grafico. rea importante que refleja la parte esttica de la webapp.
Aplicaciones mviles. Las aplicaciones mviles estn dentro de las webapp ya que consumen
y aportan informacin directa de internet.
Aplicaciones con formularios. La mayora de aplicaciones web utilizan formularios para la
recepcin de informacin.
En la metodologa de creacin de aplicaciones web existen varias fases, subraye las correctas:

Fase de pruebas. Fase que permite ver el funcionamiento correcto de la webapp.

Fase de contenido. Fase que evala el tipo de contenido, estructura, presentacin, etc.
Fase de planeacin. Fase que permite planear como se llevara el proyecto, recursos que se
utlizaran.
6.
En la fase de planeacin se debe establecer prototipos de las pruebas a desarrollar. ( F )
7.
En el equipo de trabajo el jefe de proyecto es el encargado de supervisar y controlar el resto del

equipo. ( V )
75
8.
SOLUCIONARIO
En la estructura de navegacin existen cuatro estructuras , de la lista a continuacin seleccione las

correctas:
Estructura lineal. Permite una navegacin linear.
Estructura Radial. permite una navegacin circular, el cual puede localizar ms rpido los
contenidos.
9.
En la fase de programacin se establece las variables y clases a utilizar para el desarrollo del
software. ( V )
10.
La modularidad del software consiste en:

Mantener documentado el cdigo de la aplicacin. Ayuda a que otros programadores
entiendan el funcionamiento y se adapten con mayor facilidad.
Separado el cdigo fuente por mdulos. Mejora el tiempo de entrega y la programacin
colaborativa, as como la separacin de servicios.
Unidad 2
1.
Al instalar el xampp se instalan las siguientes aplicaciones:

2.
Todas las aplicaciones web se deben colocar en la carpeta:

3.
Mysql. Mysql como motor de base de datos

Php. Como lenguaje de programacin
httdocs/ Carpeta por defecto en el servidor apache para guardar las aplicaciones web.
El archivo .php con el cdigo phpinfo(); ejecuta lo siguiente:

Los mdulos y componentes que estn instalados con el php.
4.
Apache es un servidor web que puede funcionar en una maquina local. ( V )
5.
Las siglas CMS en espaol significa:

6.
De la siguiente lista subraye los que en realidad con los CMS:

7.
Drupal. Manejador de contenidos para creacin de sitios web.

Mediawiki. Gestor de contenidos para espacios colaborativos.
Wordpress. Gestor de contenidos, denominado blogs.
Seleccione correctamente las propiedades de los CMS:

76
Sistemas manejadores de contenidos.
Permite la creacin de contenido. Ya que tiene una facilidad para crear informacin al portal.
Permite la gestin de contenidos. Permite borrar, actualizar, listar e ingresar conetnidos.
SOLUCIONARIO
8.
Para reconocer los CMS debemos tomar en cuenta lo siguiente:

Observar el pie de pgina, donde se incluye el logotipo del CMS.
9.
Un CMS puede incorporar mdulos en su sitio.( V )
10.
El portal de la UTPL est creado en el CMS Joomla.( F )
Unidad 3
1.
La usabilidad es darle al usuario mayor cantidad de privilegios sobre el portal.( F )
2.
Seleccione de la lista siguiente la importancia de la usabilidad:

3.
Permite que el usuario localice con facilidad el contenido deseado.

Permite que el usuario se oriente con mayor facilidad en su sitio web.
Existen algunas reglas de usabilidad que se deben tener en cuenta al desarrollar las webapp, de la
siguiente lista seleccione las que no pertenecen a las reglas mencionadas:

Seguridad de redes. La seguridad de las redes se encarga el equipo de telecomunicaciones

que no tiene nada que ver en el equipo de desarrollo de aplicaciones web.
4.
La seguridad no es muy importante la usabilidad.( F )
5.
Dentro de los principios de usabilidad, podemos listar algunos de ellos, identifique cuales son:

6.
De los siguiente conceptos seleccione el que corresponde a la Reduccin de tiempo de latencia:

7.
Hace posible optimizar el tiempo de espera del usuario, permitiendo la realizacin de otras
tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la
finalizacin de la tarea.
Seleccione cuales son los puntos principales para realizar un men usable:

8.
Anticipacin. Anticiparse a lo que el usuario requiere, esto le gustara y recomendar la

aplicacin.
Autonoma El usuario podr realizar cualquier tarea en la aplicacin sin la necesidad de
ayuda.
Consistencia La aplicacin debe estar siempre disponible a cualquier hora.
Aprendizaje la aplicacin web debe requerir un mnimo de aprendizaje, debe ser intuitivo .
Evitar mens con muchas opciones.
Para la evaluacin automtica se destacan algunos problemas, de la siguiente lista seleccione los
mas comunes:

Links rotos.
Tiempo de descarga.
Formatos de imgenes.
77
9.
De la siguiente lista encuentre cuales son herramientas para validad la usabilidad:

http://loadimpact.com/
http://validator.w3.org/checklink

10.
SOLUCIONARIO
Seleccione cuales pertenecen a los puntos heursticos de Nielsen

Visibilidad del estado del sistema.
Control y libertad del usuario.
Ayuda y documentacin.

Unidad 4
1.
Seleccione de la siguiente lista cuales son los objetivos de la accesibilidad web:

Acceso a aplicaciones para cualquier usuario normal o cual discapacidad.

2.
La accesibilidad ha cobrado importancia en reas como:

Educacin.
Comunicacin digital.
Empleo.

3.
Las siglas WAI en espaol significa:

Iniciativa de Accesibilidad Web.

4.
Localice las tcnicas de accesibilidad de estructura y presentacin:

Sitio marcado semnticamente.
Proporcionan resmenes a las tablas.
Contenido organizado lgicamente.

5.
De la siguiente lista marque cuales son validadores de accesibilidad:

http://www.tawdis.net

Unidad 5
1.
Dentro de la seguridad, se encuentra el control de acceso de informacin, localice los tipos de

restricciones:

2.
El significado del archivo .htaccess en espaol es:

78
Limitacin de acceso en funcin de direcciones IP o dominio. Slo los usuarios de un dominio

u organizacin tendrn acceso a la informacin
Acceso de Hiper-Texto
SOLUCIONARIO
3.
Para la restriccin de una carpeta en el archivo .htaccess es:

4.
Para permitir el acceso desde un rango de IPs es:

5.
Httpd.conf
De la siguiente lista marque las partes que se divide el archivo httpd

7.
Allow from 192.167.2.3/34
El archivo de configuracin del servidor apache se denomina:

6.
Deny from all
Configuracin de parmetros globales

Directivas de funcionamiento
Localice el proceso de una peticin web de la siguiente lista:

a.
Peticin del cliente internet servidor internet cliente.-
8.
El web hosting es el alojamiento de mi aplicacin web en otra maquina local. ( F )
9.
Ta terminologa .ec significa que son de Ecuador. ( V )
10.
El dominio son los nombres de mi pgina web. ( V )
Unidad 6
1.
Seleccione de la siguiente lista la respuesta correcta de Web Semntica:

2.
Es una web extendida, la misma est dotada de un mayor significado
Los metadatos son:

Son palabras descriptivas de los recursos
3.
La visin de la Web Semntica es ampliar los principios de la Web desde los documentos a los
datos ( V )
4.
Seleccione cuales son los archivos que se pueden obtener informacin en la web semntica:

5.
RDF
El objetivo de la web semntica es crear un medio universal que permita el intercambio de datos
y brindar un mayor significado a la misma para que puedan ser interpretadas por las mquinas..(
V )
79
6.
Localice de la siguiente lista los componentes de la web semntica:

7.
SOLUCIONARIO
XML
OWL
Los RDF estn compuestos por tripletas que son:

Sujeto-predicado-objeto
8.
Las URIs son las encargadas de identificar objetos. ( F )
9.
Las URIs permiten ingresar a cualquier recurso de mi sitio web. ( V )
10.
Las ontologas son archivos .rdf que guardan informacin del sitio. ( F )
RLRC/jpl/23-07-2012/80
vjg/2013-07-24
80

Ingeniería WEB: Departamento de Ciencias de La Computación y Electrónica

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ingeniería WEB: Departamento de Ciencias de La Computación y Electrónica

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD TCNICA PARTICULAR DE LOJA

La Universidad Catlica de Loja

Departamento de Ciencias de la Computacin y Electrnica

Ing. Ramiro Leonardo Ramirez Coronel

5. Orientaciones generales para el estudio .................................................................................. 9

1.1 Por qu se debe estudiar la ingeniera web? ................................................................................. 14

Configuracin de un servidor web...................................................................................................... 30

5.1 Control de acceso a la informacin................................................................................................... 60

6.1 Introduccin a la web semntica....................................................................................................... 69

Gua didctica: Ingeniera Web

Bienvenido! una vez ms y xitos.

UNIVERSIDAD TCNICA PARTICULAR DE LOJA La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Ramrez, R. (2010): Gua didctica de Ingeniera Web, Loja-Ecuador, Editorial UTPL.

SOFTWARE ENGINEERING FOR INTERNET APPLICACIONS., Eve Andersson, Philip Greenspun,

Instituto Universitario de Tecnologa de Valencia [en lnea] Disponible en : http://www.casupo.org.

UNIVERSIDAD TCNICA PARTICULAR DE LOJA

La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Desarrollo Web [en lnea] Disponible en : http://www.desarrolloweb.com/articulos/221.php

UNIVERSIDAD TCNICA PARTICULAR DE LOJA La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Desarrollo Web [en lnea] Disponible en : http://www.desarrolloweb.com/articulos/1121.php

Web taller, tecnologas web [en lnea] Disponible en : http://www.webtaller.com/maletin/articulos/

XIMHAI, [en lnea] Disponible en : http://www.ximhai.com/blog/que-es-web-hosting-y-dominiosb14x [consultado a: 19 de junio del 2012].

Curso digital de Administracin de servidores, en un capitulo del curso se explica sobre la

Gestores de Contenido. Universidad de Murcia, [en lnea] Disponible en:

UNIVERSIDAD TCNICA PARTICULAR DE LOJA

La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

5. Orientaciones generales para el estudio

Recursos didcticos como: lectura comprensiva, resmenes, grficas, anlisis de datos,

UNIVERSIDAD TCNICA PARTICULAR DE LOJA La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Cuaderno de trabajo, para la actividad con la gua.

Apoyo tecnolgico e Interactividad

UNIVERSIDAD TCNICA PARTICULAR DE LOJA

La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Proceso de enseanza-aprendizaje para el logro de competencias

Adquirir hbitos y tcnicas de estudio eficaces.

Planificacin para el trabajo del alumno

1.2 Diferencia con

Revise los anuncios

UNIVERSIDAD TCNICA PARTICULAR DE LOJA La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Revise los anuncios

1.2 Cuales son las 8

UNIVERSIDAD TCNICA PARTICULAR DE LOJA

1.1 Que es la usabilidad

Reconocer una web con

Revise los anuncios

La Universidad Catlica de Loja

Gua didctica: Ingeniera Web

Sistema de evaluacin de la asignatura (primero y segundo bimestre)

Actividades Presenciales y en el eva

Anlisis y profundidad en el desarrollo de los temas

Aporta con criterios y soluciones

Investigacin (cita fuentes de consulta)

Dominio del contenido

Emite juicios de valor argumentadamente

Presentacin, orden y ortografa

Contribucin en el trabajo colaborativo y de equipo