Vous êtes sur la page 1sur 91

ÍNDICE

PRELIMINARES
BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
Informática

SOLUCIONARIO
Modalidad Abierta y a Distancia

Ingeniería Web
Guía Didáctica
4 créditos

Ciclo Titulación

7 ¡ Informática

La Universidad Católica de Loja

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA Área


La Universidad Católica de Loja 1
Técnica
ÍNDICE
PRELIMINARES
UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA
La Universidad Católica de Loja

MODALIDAD ABIERTA Y A DISTANCIA

BIMESTRE
Departamento de Ciencias de la Computación y Electrónica

PRIMER
Sección Tecnologías Avanzadas de la Web y SBC

SEGUNDO
BIMESTRE
Ingeniería WEB

SOLUCIONARIO
Guía didáctica
4 créditos

Titulación Ciclo

¡ Ingeniero en Informática VII

Autor:
Ing. Ramíro Leonardo Ramirez Coronel

Asesoría virtual:
18706
www.utpl.edu.ec
ÍNDICE
PRELIMINARES
BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO
INGENIERÍA WEB
Guía didáctica
Ramiro Leonardo Ramírez Coronel

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA

CC Ecuador 3.0 By NC ND
Diagramación, diseño e impresión:
EDILOJA Cía. Ltda.
Telefax: 593-7-2611418
San Cayetano Alto s/n
www.ediloja.com.ec
edilojainfo@ediloja.com.ec
Loja-Ecuador

Maquetación y diseño digital:


EDILOJA Cía. Ltda.

Primera edición

ISBN físico-978-9942-08-374-6

ISBN digital-978-9942-04-511-9

Esta versión digital, ha sido acreditada bajo la licencia Creative Commons Ecuador 3.0 de reconocimiento -no comercial- sin obras derivadas;
la cual permite copiar, distribuir y comunicar públicamente la obra, mientras se reconozca la autoría original, no se utilice con fines
comerciales, ni se realicen obras derivadas. http://www.creativecommons.org/licences/by-nc-nd/3.0/ec/

Octubre, 2017
ÍNDICE
PRELIMINARES
2. Índice

3. Introducción.................................................................................................................... 6
4. Bibliografía..................................................................................................................... 7

BIMESTRE
PRIMER
4.1. Básica......................................................................................................................... 7
4.2. Complementaria......................................................................................................... 7

5. Orientaciones generales para el estudio........................................................... 11


6. Proceso de enseñanza-aprendizaje para el logro de competencias..... 13

SEGUNDO
BIMESTRE
PRIMER BIMESTRE

6.1. Competencias Genéricas ............................................................................................ 13


6.3. Sistema de evaluación de la asignatura (primero y segundo bimestres).................. 16

SOLUCIONARIO
6.4. Orientaciones específicas para el aprendizaje por competencias............................... 17
UNIDAD 1: INTRODUCCIÓN A LA INGENIERÍA WEB Y METODOLOGÍA DE DESARROLLO............... 17
1.1. ¿Por qué se debe estudiar la ingeniería Web? ......................................................... 17
1.2. Diferencia entre la ingeniería de software tradicional y la ingeniería Web................ 21
1.3. Metodología de desarrollo.......................................................................................... 22
1.4. Fase de análisis ......................................................................................................... 22
1.5. Fase de planificacion ................................................................................................. 26
1.6. Fase de contenido...................................................................................................... 28
1.7. Fase de diseño........................................................................................................... 28
1.8. Fase de programación................................................................................................ 29
1.9. Fase de pruebas o testeo........................................................................................... 30
1.10. Fase de publicidad...................................................................................................... 31
Autoevaluación 1.................................................................................................................. 32
UNIDAD 2: Construcción de sitios mediante manejadores de contenidos..................... 34
2.1. Configuración de un servidor Web.............................................................................. 34
2.2. Introducción a los CMS............................................................................................... 38
2.3. Tipos de CMS............................................................................................................. 39
2.4. Propiedades de los CMS............................................................................................. 40
2.5. Ventajas y desventajas............................................................................................... 41
2.6. Reconocer Web con CMS........................................................................................... 41
Autoevaluación 2.................................................................................................................. 43
UNIDAD 3: USABILIDAD.......................................................................................................... 45
3.1. Que es la usabilidad................................................................................................... 45
3.2. Reglas para la usabilidad........................................................................................... 46
3.3. Principios generales de usabilidad en sitios Web ...................................................... 48
3.4. Usabilidad para pequeños proyectos Web ................................................................ 49
ÍNDICE
PRELIMINARES
3.5. Navegadores o menús usables .................................................................................. 49
3.6. Evaluar la usabilidad................................................................................................... 50
Autoevaluación 3.................................................................................................................. 53

SEGUNDO BIMESTRE

BIMESTRE
PRIMER
6.5. Competencias genéricas............................................................................................. 55
6.6. Planificación para el trabajo del alumno................................................................... 56
6.7. Orientaciones específicas para el aprendizaje por competencias............................... 58
UNIDAD 4: ACCESIBILIDAD...................................................................................................... 58

SEGUNDO
4.1. ¿Qué es accesibilidad Web?...................................................................................... 58

BIMESTRE
4.2. Cómo hacer un sitio accesible.................................................................................... 59
4.3. Evaluación de la accesibilidad.................................................................................... 61
4.4. Ejercicios de accesibilidad........................................................................................... 61
Autoevaluación 4.................................................................................................................. 64

SOLUCIONARIO
UNIDAD 5: SEGURIDAD DE APLICACIONES WEB........................................................................ 66
5.1. Control de acceso a la información........................................................................... 66
5.2. Control de acceso al servidor con el archivo .htaccess............................................... 67
5.3. Configuración del servidor Web.................................................................................. 68
5.4. Donde comprar dominios y hosting seguros. ............................................................ 71
Autoevaluación 5.................................................................................................................. 74
UNIDAD 6: WEB SEMÁNTICA ................................................................................................... 76
6.1. Introducción a la Web semántica............................................................................... 76
6.2. Metadatos.................................................................................................................. 77
6.3. Como obtener información......................................................................................... 78
6.4. Principales componentes............................................................................................ 78
6.5. Capas de la Web semántica....................................................................................... 78
6.6. OWL, URI, RDF........................................................................................................... 79
Autoevaluación 6.................................................................................................................. 81

7. Solucionario.................................................................................................................... 83
8. Recursos educativos multimedia........................................................................... 91
ÍNDICE
Guía didáctica: Ingeniería webl

3. Introducción

PRELIMINARES
Distinguido estudiante, permítame darle la bienvenida a un nuevo período de estudios dentro de su
carrera, en esta ocasión con la asignatura de Ingeniería Web que engloba todo lo relacionado con el
desarrollo e implementación de aplicaciones en Internet, la misma que tiene 4 créditos y es de tipo
troncal. Es satisfactorio para mí, en calidad de docente de esta asignatura, desearle el mejor de los éxitos

BIMESTRE
PRIMER
y poder acompañarle en el estudio de los distintos temas propuestos en el plan de contenidos para
este curso de Ingeniería Web. Como profesor de esta materia me comprometo a atender las distintas
inquietudes que puedan surgir en el transcurso de este período.

Es oportuno mencionar que el estudio y tratamiento de esta asignatura le abre la posibilidad de acceder

SEGUNDO
al mundo de la Internet especialmente a la ingeniería Web, para así poder realizar aplicaciones Web de

BIMESTRE
nuestra carrera de ingeniería, que permitirá dar solución a varios problemas y satisfacer necesidades
emergentes de nuestro entorno.

Estimado alumno, como futuro profesional tiene la oportunidad de formarse en esta interesante

SOLUCIONARIO
asignatura que le brindará conocimientos únicos y válidos para plantear un desarrollo de aplicaciones
Web desde el problema mismo hasta llegar a la solución y satisfacción de el usuario final.

Los contenidos y competencias a desarrollar en esta asignatura de Ingeniería Web han sido seleccionados
cuidadosamente con el fin de que su desempeño se vea reflejado en la aplicación de todos los aprendizajes
adquiridos. Las unidades a desarrollar son: Introducción a la Ingeniería Web, metodología de desarrollo
Web, construcción de sitios Web mediante manejadores de contenidos, usabilidad durante el primer
bimestre; y accesibilidad, seguridad en aplicaciones Web y Web Semántica 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 facilitarán la comprensión y puesta
en práctica de los contenidos que se imparten en esta asignatura.

¡Bienvenido! una vez más y éxitos.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 6


ÍNDICE
Guía didáctica: Ingeniería webl

4. Bibliografía

PRELIMINARES
4.1. Básica

• Anderson E., Greenspun P., and Grumet A.(2006). SOFTWARE ENGINEERING FOR Internet
APPLICATIONS, 6.a edición. The MIT Press. ISBN 0262511916. 2006.

BIMESTRE
PRIMER
Texto básico de estudio de la asignatura de Ingeniería de Software, que nos indica de forma práctica el
desarrollo de aplicaciones Web. Este texto es de lectura obligatoria y debe ser su acompañante durante
el transcurso de este período de estudios.

SEGUNDO
BIMESTRE
• Ramírez, R. (2010). Guía didáctica de Ingeniería Web, Loja-Ecuador: Editorial UTPL.

En la guía didáctica encontrará los lineamientos necesarios para que se pueda guiar a través del
texto básico, además encontrará explicaciones adicionales sobre algunos temas que le permitirán
entenderlos mejor.

SOLUCIONARIO
4.2. Complementaria

Libros

• PRESSMAN R.(2010). Ingeniería de software un enfoque práctico. 7.a edición. McGraw-Hill México.
ISBN 970-10-5473-3.

Texto básico de estudio de la asignatura de Ingeniería de Software, en esta obra nos acerca y profundiza
a los contenidos de ingeniería de software. Este texto es de lectura y le servirá de mucho durante el
transcurso de este período de estudios.

Referencia electrónica

• SOFTWARE ENGINEERING FOR Internet APPLICATIONS. Eve Anderson, Philip Greenspun, and
Andrew Grumet. 6.a edición, [en línea]. Disponible en:http://philip.greenspun.com/seia/ [consultado
a: 29 de junio del 2012]. Recurso digital donde encontrará los contenidos del texto básico en
Inglés.

• SOFTWARE ENGINEERING FOR Internet APPLICACIONS, Eve Anderson, Philip Greenspun, and
Andrew Grumet. 6.a edición, [en línea] Disponible en: http://Web.ballardini.com.ar/seiabook/es/
[consultado a: 29 de junio del 2012].Recurso digital donde encontrará los contenidos del texto
básico en español.

• Instituto Universitario de Tecnología de Valencia, [en línea]. Disponible en : http://www.casupo.


org.ve/CV/may/tesis/Web.pdf [consultado a: 19 de junio del 2012].

Recurso digital donde explica la metodología de desarrollo de Aplicaciones Web, fases y elementos
que intervienen en cada una de ellas.

• CEP AZAHAR, CEPs de la provincia de Córdoba, [en línea]. Disponible en: http://www.cepazahar.
org/recursos/file.php/7/apuntes/1-Introducción.pdf [consultado a: 19 de junio del 2012]. Recurso

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 7


ÍNDICE
Guía didáctica: Ingeniería webl

digital que contiene explicaciones detalladas de los CMS, su clasificación, importancia, ventajas,
etc.

PRELIMINARES
• Dario Andrés Silva, Construyendo aplicaciones Web con una metodología de diseño orientado a
objetos, [en línea]. 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 metodología de diseño referente a objetos, orientado a


aplicaciones Web.

BIMESTRE
PRIMER
• Linux Magazine, [en línea] Disponible en: http://www.linux-magazine.es/issue/45/008-
009Inseguridades45.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 prácticos en la configuración del servidor

SEGUNDO
BIMESTRE
Apache.

Enlaces

• Desarrollo Web, [en línea]. Disponible en: http://www.desarrolloWeb.com/artículos/221.php

SOLUCIONARIO
[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.

• Desarrollo Web, [en línea]. Disponible en: http://www.desarrolloWeb.com/artículos/1133.php


[consultado a: 19 de junio del 2012].

Enlace donde explica algunos conceptos que se deben tener en cuenta al momento de la creación
de una aplicación Web.

• Desarrollo Web, [en línea]. Disponible en: http://www.desarrolloWeb.com/artículos/401.php


[consultado a: 19 de junio del 2012].

Enlace donde dan algunos consejos para la creación de un menú de navegación.

• Desarrollo Web, [en línea]. Disponible en: http://www.desarrolloWeb.com/artículos/1973.php


[consultado a: 19 de junio del 2012].

Enlace Web donde explica como implementar la usabilidad en pequeños proyectos Web.

• Desarrollo Web, [en línea]. Disponible en: http://www.desarrolloWeb.com/artículos/890.php


[consultado a: 19 de junio del 2012].

Enlace Web que indica algunos métodos para la evaluación de la usabilidad en aplicaciones Web,
herramientas y metodologías.

• W3C, [en línea]. Disponible en: http://www.w3c.es/Traducciones/es/WAI/intro/accessibility


[consultado a: 19 de junio del 2012].

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 8


ÍNDICE
Guía didáctica: Ingeniería webl

Enlace Web donde explica conceptos de accesibilidad, como crear una WebApp: accesible y como
evaluarla.

PRELIMINARES
• Grupo de accesibilidad Web, [en línea]. Disponible en: http://accesibilidad-Web.net/
documentación-oficial/guía-breve-accesibilidad-Web.html [consultado a: 19 de junio del 2012].

Enlace Web donde existe una guía rápida de lo que es la accesibilidad Web, su funcionamiento y
algunos ejemplos prácticos.

BIMESTRE
PRIMER
• Usabilidad y accesibilidad, [en línea]. Disponible en: http://www.usabilidad.dev42.es/2011/02/08/
herramientas-útiles-para-crear-tu-Web-accesible/ [consultado a: 19 de junio del 2012].

Enlace Web donde detalla algunos validadores en línea de usabilidad y accesibilidad.

SEGUNDO
BIMESTRE
• Matías Agustín Bellone, Tecnología con acento. [en línea] 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 configuración del archivo .htaccess para la
seguridad de nuestra WebApp:.

SOLUCIONARIO
• Desarrollo Web, [en línea]. Disponible en: http://www.desarrolloWeb.com/artículos/1121.php
[consultado a: 19 de junio del 2012].

Recurso Web que contiene una explicación del archivo de configuración httpd.conf, su estructura
y la configuración del mismo.

• Web taller, tecnologías Web, [en línea]. Disponible en : http://www.Webtaller.com/maletin/


artículos/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
prácticos que hay que tomar en cuenta al momento de crear las WebApp:.

• XIMHAI, [en línea]. Disponible en: http://www.ximhai.com/blog/que-es-Web-hosting-y-dominios-


b14x [consultado a: 19 de junio del 2012].

Enlace Web que posee una explicación completa sobre el tema del hosting y dominios, una
explicación de cada uno de ellos y cuál es el funcionamiento.

• Maestros del Web, [en línea]. Disponible en: http://www.maestrosdelWeb.com/editorial/Web-


semantica-y-sus-principales-características/ [consultado a: 19 de junio del 2012].

Recurso Web que contiene una explicación detallada de lo que es la Web semántica, sus
características y su funcionamiento.

OCW

• Ontologies and Semantic Web, Universidad Politécnica de Madrid, [en línea]. Disponible en :
http://ocw.upm.es/ciencia-de-la-computacion-e-inteligencia-artificial/ontologies-and-semantic-
Web [consultado a: 19 de junio del 2012].

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 9


ÍNDICE
Guía didáctica: Ingeniería webl

Recurso digital de Ontologías y Web Semántica, donde se explica que se debe tener en cuenta
para la creación de ontologías y algunos ejemplos prácticos, esto le ayudará en el capítulo de Web

PRELIMINARES
semántica, para el entendimiento de RDF.

• Administración de servidores Web. Universidad de Oviedo, [en línea]. Disponible en: http://ocw.
uniovi.es/course/view.php?id=28 [consultado a: 29 de junio del 2012].

Curso digital de Administración de servidores, en un capítulo del curso se explica sobre la

BIMESTRE
configuración de un servidor apache, este le ayudará a reforzar los conocimientos del capítulo dos.

PRIMER
• Gestores de Contenido. Universidad de Murcia, [en línea]. Disponible en:
http://ocw.um.es/gat/contenidos/pastor/material_clase/02_gestoresdecontenidos_drupal.pdf
[consultado a: 19 de junio del 2012].

SEGUNDO
BIMESTRE
Recurso digital donde se encuentra curso completo de CMS, en ello encontrará información
oportuna para el capítulo dos, donde se habla de los sistemas manejadores de contenidos.

SOLUCIONARIO

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 10


ÍNDICE
Guía didáctica: Ingeniería webl

5. Orientaciones generales para el estudio

PRELIMINARES
Para el estudio de la materia de Ingeniería Web, estimado alumno sírvase acoger estas orientaciones
generales, ya que le ayudarán en el correcto estudio de la asignatura.

• Organizar el tiempo de manera que pueda avanzar secuencialmente en cada una de las unidades

BIMESTRE
PRIMER
y temas para no dejar acumulado el contenido para el final del bimestre.

• Utilizar el texto básico que servirá como referente teórico, y cuya lectura es obligatoria, pues es el
eje central de los temas a tratarse.

SEGUNDO
BIMESTRE
• Contar con un horario de estudio diario para la materia de Ingeniería Web, para el desarrollo de sus
actividades académicas, mínimo dos horas diarias.

• Poseer elementos como Internet, computadora, etc. para el mejor desenvolvimiento de sus tareas.

SOLUCIONARIO
• La guía didáctica, desarrollada por el docente de la asignatura, que pretende ser un nexo entre la
teoría del texto básico y el aprendizaje del alumno.

• Resolver las evaluaciones a distancia que nos sirven como estrategia de aprendizaje para las
evaluaciones presenciales, así también el desarrollo de las autoevaluaciones.

• La participación activa en el EVA (Entorno Virtual de Aprendizaje), en donde podrá interactuar con
el docente tutor y los compañeros de la materia.

• Asistiendo a las videoconferencias, en las fechas establecidas y revisando las video tutorías
pregrabadas.

• Utilizar los recursos Web disponibles como videos, presentaciones, podcast, que se encuentran en
la página de la UTPL http://www.utpl.edu.ec.

• Recursos didácticos como: lectura comprensiva, resúmenes, gráficas, análisis 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 electrónico, foros del entorno virtual o por teléfono.

Material educativo

Para su periodo de estudio, usted dispone de los siguientes recursos: el presente texto-guía, material
científico seleccionado, algunos son de lectura obligatoria; y otros son sugeridos, es decir, de estudio
opcional, mencionaremos que todos los recursos académicos y de investigación propuestos, están
disponibles en la Web y son accesibles de forma gratuita.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 11


ÍNDICE
Guía didáctica: Ingeniería webl

Para aprovechar al máximo su estudio y evitar dispersión, le sugerimos que, de acuerdo a la temática
que se incluya en cada uno de los capítulos, vaya al material que se indica con el ícono y enfoque sus

PRELIMINARES
estudios en los aspectos puntuales que se indican en la guía. Las referencias que vayan incluidas en
secciones acompañadas de este ícono, son de revisión 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.

BIMESTRE
Como parte adicional que se incluye en la guía didáctica usted se podrá guiar con los siguientes iconos

PRIMER
que le indicarán la acción a realizar en cada unidad:

Texto básico
El texto básico está en inglés, pero lo puede encontrar en español en el
enlace mencionado en la bibliografía complementaria.

SEGUNDO
BIMESTRE
Actividad recomendada

SOLUCIONARIO
Ejercicios

Inquietudes

Actividad en el EVA

Videos

Cuaderno de trabajo, para la actividad con la guía.

Apoyo tecnológico 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. Además, considere
que las actividades de interactividad están propuestas en las evaluaciones a distancia y tienen su
respectiva nota.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 12


ÍNDICE
Guía didáctica: Ingeniería webl

6. Proceso de enseñanza-aprendizaje para el logro de competencias

PRELIMINARES
PRIMER BIMESTRE

BIMESTRE
PRIMER
6.1. Competencias Genéricas

• Adquirir hábitos y técnicas de estudio eficaces.

• Habilidad para trabajar en forma autónoma.

SEGUNDO
BIMESTRE
• Capacidad para organizar y planificar el tiempo.

• Capacidad de abstracción, análisis y síntesis.

SOLUCIONARIO
• Conocimientos sobre el área de estudio y la profesión.

• Capacidad de aplicar los conocimientos.

• Capacidad crítica y autocrítica.

• Capacidad para identificar, plantear y resolver problemas.

• Capacidad para tomar decisiones. Habilidades en el uso de las tecnologías TIC’s

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 13


ÍNDICE
Guía didáctica: Ingeniería webl

6.2. Planificación para el trabajo del alumno

PRELIMINARES
CONTENIDOS CRONOGRAMA
COMPETENCIAS INDICADORES DE ACTIVIDADES DE
ORIENTATIVO
ESPECÍFICAS APRENDIZAJE Unidades/Temas APRENDIZAJE
Tiempo estimado
• Implementar • Diferencia con Unidad 1: Introducción • Lea Semana 1 y 2
aplicaciones el desarrollo de a la ingeniería Web comprensivamente 8 horas de autoestudio,
a partir de software tradicional y y metodología de el capítulo 1 del 8 de interacción.
especificaciones aplicaciones Web. desarrollo texto básico y las

BIMESTRE
PRIMER
y modelos de orientaciones que
software utilizando • Aplica metodologías 1.1. ¿Por qué se se presentan en la
estándares de de desarrollo en debe estudiar la guía para los temas
documentación y diferentes tipos de ingeniería Web? de esta unidad.
de programación. aplicaciones Web.
1.2. Diferencia con • Desarrolle las
• Analizar • Formula preguntas la ingeniería de actividades

SEGUNDO
BIMESTRE
problemas de adecuadas en la fase software tradicional recomendadas de la
programación para de análisis. y la ingeniería Web unidad 1.
diseñar soluciones
expresadas a • Obtiene los 1.3. Metodologías de • Resuelva la
través de métodos requisitos del cliente desarrollo autoevaluación.
computacionales. para una WebApp:.

SOLUCIONARIO
• Revise los anuncios
Proceso de la ingeniería
• Establece estrategias del EVA.
Web.
de posicionamiento
de la WebApp:. • Elabore un resumen
Análisis
con los aspectos
fundamentales de la
Planificación unidad 1.

Diseño

Programación

Pruebas o testeo

Mercadeo y publicidad
• Usar librerías, API´S • Configura las Unidad 2: Construcción • Lea detalladamente Semana 3 y 4
y frameworks para restricciones de un de sitios mediante las orientaciones 8 horas de autoestudio,
la implementación servidor Web para manejadores de que se presentan en 8 de interacción.
de soluciones publicación de contenidos la guía en la unidad
integrales. información a un 2.
rango de IPs. 2.1 Configuración de
• Implementar un servidor Web • Desarrolle las
aplicaciones • Elimina el acceso a actividades
a partir de los directorios de una Introducción a los CMS recomendadas de la
especificaciones aplicación Web por unidad 2.
y modelos de medio del archivo Tipos de CMS
software utilizando .htaccess. • Resuelva la
estándares de autoevaluación.
Propiedades los CMS
documentación y • Recomienda un tipo
de programación. de CMS dependiendo • Revise los anuncios
Ventajas y desventajas
los requerimientos del EVA.
del cliente.
Reconocer una Web con • Elabore un resumen
cms con los aspectos
fundamentales de la
unidad 2.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 14


ÍNDICE
Guía didáctica: Ingeniería webl

CONTENIDOS CRONOGRAMA
COMPETENCIAS INDICADORES DE ACTIVIDADES DE
ORIENTATIVO

PRELIMINARES
ESPECÍFICAS APRENDIZAJE Unidades/Temas APRENDIZAJE
Tiempo estimado
• Analizar • Explica la Unidad 3: Usabilidad • Lea Semana 5 y 6
problemas de importancia de la comprensivamente 8 horas de
programación para usabilidad. 3.1. Qué es la usabilidad el capítulo 3 de la
autoestudios,
diseñar soluciones y su importancia guía.
8 de interacción.
expresadas a • Implementar
través de métodos usabilidad en 3.2. Cuáles son las 8 • Desarrolle las

BIMESTRE
computacionales. formularios de reglas de oro sobre actividades

PRIMER
registro. la usabilidad? recomendadas de la
unidad 3.
• Analiza la usabilidad 3.3. Usabilidad
mediante para pequeños • Resuelva la
herramientas online. proyectos Web autoevaluación.

• Revise los anuncios

SEGUNDO
BIMESTRE
3.4. Navegadores
del EVA.
usables
• Elabore un resumen
Evaluar la usabilidad
con los aspectos
fundamentales de la
unidad 3.

SOLUCIONARIO
Unidades de la 1 a la 3 Preparación para la Semana 7 y 8
evaluación presencial 8 horas de
correspondiente al autoestudios,
primer bimestre. 8 de interacción.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 15


ÍNDICE
Guía didáctica: Ingeniería webl

6.3. Sistema de evaluación de la asignatura (primero y segundo bimestres)

PRELIMINARES
Formas de evaluación 2. Heteroevaluación
Evaluación Evaluación a

1. Autoevaluación *
presencial distancia **

3. Coevaluación
Interacción en el EVA
Parte de ensayo

Prueba objetiva
Parte objetiva

BIMESTRE
PRIMER
Competencia: criterio
Comportamiento ético. X X X X X X
Cumplimiento, puntualidad,
Actitudes

SEGUNDO
X X X X

BIMESTRE
responsabilidad.
Esfuerzo e interés en los trabajos. X X X X X X
Respeto a las personas y a las
X
normas de comunicación.

SOLUCIONARIO
Creatividad e iniciativa. X X
Habilidades

Contribución en el trabajo
X
colaborativo y de equipo.
Presentación, orden y ortografía. X X X X
Emite juicios de valor
X X
argumentadamente.
Dominio del contenido. X X X X X X
Conocimientos

Investigación (cita fuentes de


X X
consulta).
Aporta con criterios y soluciones. X X X
Análisis y profundidad en el
X X X
desarrollo de temas.
Máximo 1 punto

PORCENTAJE 10% 20% 30% 70%


Estrategia de
aprendizaje

presenciales y en el
evaluación a
(completa la

distancia)

Puntaje 2 4 6 14
Actividades

EVA

TOTAL 20 puntos
Para aprobar la asignatura se requiere obtener un puntaje mínimo de 28/40 puntos, que equivale al 70%.

* Son estrategias de aprendizaje, no tienen calificación; pero debe responderlas con el fin de autocomprobar su
proceso de aprendizaje.
** Recuerde: la evaluación a distancia consta de dos partes: una objetiva y otra de ensayo, debe desarrollarla y
entregarla en su respectivo centro universitario.

Señor estudiante:
Tenga presente que la finalidad de la valoración cualitativa
es principalmente formativa.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 16


ÍNDICE
Guía didáctica: Ingeniería webl

6.4. Orientaciones específicas para el aprendizaje por competencias

PRELIMINARES
UNIDAD 1: INTRODUCCIÓN A LA INGENIERÍA WEB Y METODOLOGÍA DE DESARROLLO

BIMESTRE
PRIMER
Estimado estudiante, iniciamos el estudio de la asignatura mencionando temas fundamentales que
se requiere conocer dentro del maravilloso mundo de la Internet; comenzamos revisando algunos
conceptos básicos de Ingeniería Web; esto le ayudará a comprender el objeto de estudio de la misma.

SEGUNDO
BIMESTRE
Para iniciar el estudio de este tema le recomendamos acudir al texto
básico y revisar el capítulo primero denominado: Introduction, este tema
lo puede encontrar en español en el recurso digital [http://web.ballardini.
com.ar/seiabook/es] mencionado en la bibliografía complementaria.

SOLUCIONARIO
¿Cómo 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:

• ¿Qué comentario tiene usted de las sesiones compartidas que habla en el texto básico? ¿Será
recomendable hacerlo? ¿Existirá una tecnología capaz de crear este objetivo?

• ¿Cómo cree que está evolucionando la Web?, ¿cómo cree que lo verá en 10 años?

1.1. ¿Por qué se debe estudiar la ingeniería Web?

Reforcemos las nociones fundamentales de la ingeniería Web dando una lectura al tema:

En la ingeniería 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 diseño gráfico y la organización estructural del contenido.
En la actualidad la Web está sufriendo grandes cambios, que han obligado a expertos en el tema a
utilizar herramientas y técnicas basadas en la ingeniería del software, para poder garantizar el buen
funcionamiento y administración de los sitios Web.

Es por ello que se debe contar con ciertos atributos y características que en conjunto forman un
concepto muy importante, para alcanzar el éxito en cualquier organización, 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 satisfacción del usuario final.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 17


ÍNDICE
Guía didáctica: Ingeniería webl

Para la construcción 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

PRELIMINARES
de un proceso de calidad, podría arrojar recomendaciones para introducir mejoras, y la decisión final
podría consistir en lanzar una nueva versión del sitio Web o en modificar algunos atributos ausentes
o pobremente diseñados. Cabe destacar que la Ingeniería Web hace una diferencia entre un WebSite
y una aplicación tradicional, ya que ella se dedica a la construcción de aplicaciones Web, la principal
característica que los distingue (aplicaciones de sitios Web), los sitios Web son sitios en la Web en donde
se publica contenido generalmente estático o un muy bajo nivel de interactividad con el usuario,

BIMESTRE
mientras que las aplicaciones son lugares con alto contenido de interactividad y funcionalidades que

PRIMER
bien podrían ser de un software convencional, la aplicación Web más sencillo sería uno que contenga
formularios y subiendo de nivel encontramos los que realizan conexiones con bases de datos remotas, y
administradores de contenidos entre otras.

SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 1.1 Elementos de desarrollo Web.
Disponible en: http://www.maestrosdelWeb.com

Entonces la ingeniería Web son metodologías sistemáticas, disciplinadas y cuantificables al desarrollo


eficiente, operación y evolución de aplicaciones de alta calidad en la World Wide Web. En este sentido,
la ingeniería Web hace referencia a las metodologías, técnicas 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 programación, bases de datos, frameworks, tecnologías, etc. y
que son de gran dimensión creando así WebApp:s de alta calidad, usabilidad, accesibilidad, etc.

Ahora que ya tiene idea sobre el tema, es necesario que acuda al texto
básico y lea el tema relacionado a HTTP que se encuentra el en capítulo
2 titulado Basics. En el siguiente recuadro realice un cuadro comparativo
entre las sesiones y cookies:

• Cookies …………………………………………………………………………………
…………………………………………………………………………………………....

• Sesiones …………………………………………………………………………………
…………………………………………………………………………………………....

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 18


ÍNDICE
Guía didáctica: Ingeniería webl

ACTIVIDADES RECOMENDADAS

PRELIMINARES
En la lectura del texto básico se habla de la autonomía típica de una
sesión HTTP, donde se muestra el comportamiento del usuario frente a una
aplicación Web.

BIMESTRE
PRIMER
Elabore un diagrama de flujo donde represente los pasos que hace el
usuario de la WebApp.

Ahora que ya sabe qué es la ingeniería Web pasamos a ver:

Las áreas de la ingeniería Web

SEGUNDO
BIMESTRE
La Ingeniería Web es multidisciplinaria es por ello que intervienen áreas como: arquitectura de la
información, ingeniería de hipermedia/hipertexto, ingeniería de requisitos, diseño gráfico, usabilidad,
diseño y análisis de sistemas, ingeniería de software, ingeniería de datos, indexado y recuperación de
información, pruebas, modelado y simulación, despliegue de aplicaciones, operación de sistemas y

SOLUCIONARIO
gestión de proyectos.

La ingeniería de la Web no es un clon o subconjunto de la ingeniería de software, aunque ambas incluyen


desarrollo de software y programación, pues a pesar de que la ingeniería Web utiliza principios de
ingeniería de software, incluye nuevos enfoques, metodologías, herramientas, técnicas, guías y patrones
para cubrir los requisitos únicos de las aplicaciones Web.

Los principales aspectos de la ingeniería de la Web incluyen:

• Diseño de procesos de negocio para aplicaciones Web.


• Generación de código para aplicaciones Web.
• Desarrollo Web colaborativo.
• Modelado conceptual de aplicaciones Web.
• Diseño de modelos de datos para sistemas de información Web.
• Ingeniería Web empírica.
• Entornos de desarrollo de aplicaciones Web integrados.
• Herramientas de autor para contenido multimedia.
• Pruebas de rendimiento de aplicaciones basadas en Web.
• Personalización y adaptación de aplicaciones Web.
• Control de calidad y pruebas de sistemas.
• Ingeniería de requisitos para aplicaciones Web.
• Aplicaciones para la Web Semántica.
• Implementación y pruebas.
• Aplicaciones Web móviles.
• Usabilidad de aplicaciones Web.
• Accesibilidad para la Web.
• Diseño de interfaces de usuario.
• Métricas para la Web, estimación de costes y medición.
• Gestión de proyectos Web y gestión de riesgos.
• Desarrollo y despliegue de servicios Web.
• Seguridad Web.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 19


ÍNDICE
Guía didáctica: Ingeniería webl

¿Cómo le fue en la lectura? Le resultó, muy sencillo encontrar los aspectos que intervienen en la
ingeniería Web. ¿Verdad?

PRELIMINARES
Pasemos ahora a realizar la siguiente actividad, para reforzar lo leído.

ACTIVIDADES RECOMENDADAS

BIMESTRE
PRIMER
Recurra a su cuaderno de trabajo y realice un mapa conceptual
de las áreas leídas y resalte las áreas con más relación con la
ingeniería Web esto le ayudará a reforzar su lectura anterior.

SEGUNDO
BIMESTRE
Continuemos con un nuevo tema que corresponde a:

Las categorías de la ingeniería Web

SOLUCIONARIO
Los sitios Web pueden ser categorizados de diferente forma en la figura 1.2 se representa gráficamente
las categorías de las aplicaciones Web:

Figura 1.2. Categorías de las WebApp:s.


Autor: Ramiro Ramírez.

Con el transcurrir del tiempo la evolución de la tecnología ha ido dando pasos gigantes y la adaptación 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 políticas como el CRM para el manejo de
clientes, son muy importantes para las empresas como por ejemplo, Dell, crean políticas para mantener
los clientes y tenerlos en contactos vía Web, mediante Internet se cuida de cierta manera la imagen

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 20


ÍNDICE
Guía didáctica: Ingeniería webl

de una empresa, por ejemplo mediante el marketing a través de Internet permite reforzar el servicio,
haciendo más fuerte la relación entre la marca y el cliente.

PRELIMINARES
Esto implica un uso creativo del medio, involucrando verdaderamente a las personas con la compañía.
Utilizando la inmediatez, que brinda esta vía de comunicación. Con la herramienta comunicacional, se
permite una relación constante e inmediata con los clientes, así como mantener a los clientes contentos,
conquistar nuevos nichos de mercado y por ende, incrementar las ventas.

BIMESTRE
Por medio de un sitio Web podremos tener nuestro sitio accesible o disponible 24 horas al día, 365 días

PRIMER
del año en absolutamente todo el mundo para quienes tienen acceso, es por esto que nuestros datos
en Internet publicados en el sitio Web podrían ser accesibles a toda persona en cualquier momento y en
cualquier parte del mundo.

Todas estas consideraciones nos llevan a la conclusión de que un sitio Web bien logrado no es únicamente

SEGUNDO
BIMESTRE
un espacio en la red para ver el mismo comercial que en televisión; es en realidad una extensión de
las empresas o instituciones, así mismo teniendo en cuenta la importancia y aplicabilidad que tiene
la ingeniería Web en nuestro desarrollo cognitivo, social y vivencial es fácil visionar que cada una de
las funciones que ella emana estarán siempre ligadas a la vanguardia del desarrollo progresivo de la
tecnología y del hombre.

SOLUCIONARIO
Con la lectura que acabo de realizar se pudo dar cuenta que hay algunas categorías de ingeniería.
¿Verdad?

Continuemos ahora a realizar una nueva actividad.

ACTIVIDADES RECOMENDADAS

Recurra a su cuaderno de trabajo y mencione algunos ejemplos


de las categorías leídas; esto le ayudará a comprender las
categorías estudiadas.

1.2. Diferencia entre la ingeniería de software tradicional y la ingeniería Web

Para saber sobre las áreas realice una lectura del


capítulo uno del libro de Pressman y revise el tema:
“El software y la ingeniería de software”: ¿Qué es?
¿Quién lo hace? ¿Por qué es importante? ¿Cuáles 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 características del software tradicional
y diferencias entre la ingeniería de software y la ingeniería Web, con esto se definirán las diferencias
entre estos tipos de ingeniería de software.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 21


ÍNDICE
Guía didáctica: Ingeniería webl

1.3. Metodología de desarrollo

PRELIMINARES
Ahora bien, otro de los temas que se encuentran en este apartado, es comprender uno de los diferentes
tipos de metodología que existen para el desarrollo de aplicaciones Web.

Empezamos analizando la siguiente gráfica:

BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 1.2. Metodología para la creación de sitios Web, resumen de las fases explicadas en el texto básico
Autor: Ramiro Ramírez.

Observemos el ciclo de desarrollo de un proyecto Web en la figura 1.2, es circular, va pasando por varias
fases, esto amerita que para cualquier requerimiento por parte del cliente, este tenga que pasar por un
análisis completo del ciclo.

1.4. Fase de análisis

En esta fase nos debemos realizar algunas preguntas para aclarar el objetivo principal de nuestra
aplicación Web, estas pueden ser:

• ¿Se necesita realmente una aplicación Web?


• ¿Para qué se necesita la WebApp:?
• ¿Qué es lo qué buscarán los usuarios en la WebApp:?
• ¿Qué imagen se quiere proyectar a los clientes?
• ¿Qué servicios se integrarán en la WebApp:?
• ¿Qué tiempo debe ser invertido para el desarrollo?
• ¿Qué impacto debe causar sobre los clientes?
• ¿Qué es lo qué buscan los clientes en mi empresa?

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 22


ÍNDICE
Guía didáctica: Ingeniería webl

Una vez aclaradas estas preguntas podemos establecer el objetivo principal de mi proyecto, algunos
objetivos específicos donde se englobe los siguientes aspectos:

PRELIMINARES
• La selección de usuarios

Los usuarios que manipularán la WebApp:

• La expectativa del usuario

BIMESTRE
PRIMER
A quién va dirigido la WebApp: y qué esperan ellos de la misma.

• Las expectativas de la organización

Establecer o fijar qué resultados pretende la organización de la WebApp:.

SEGUNDO
BIMESTRE
Con los objetivos claros para el desarrollo de la WebApp:, establecemos los requisitos, es por ello que
veremos:

INGENIERÍA DE REQUISITOS

SOLUCIONARIO
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.
• Definición de requisitos.
• Validación de requisitos.

Figura 1.3 Procesos de la Ingeniería de Requisitos


Disponible en: http://eqaula.org/eva/file.php/2022/_000028_.pdf

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 23


ÍNDICE
Guía didáctica: Ingeniería webl

Captura de requisitos:

PRELIMINARES
En esta parte el equipo de desarrollo extrae, de cualquier fuente de información 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 ingeniería de
requisitos.

BIMESTRE
A continuación se presentan una serie de técnicas para la recolección de requisitos.

PRIMER
• Entrevistas. Estas permiten al analista tomar conocimiento del problema y comprender sus
objetivos, la estructura de la entrevista abarca tres pasos: identificación de los entrevistados,
preparación de la entrevista, realización de la entrevista documentación de los resultados.

SEGUNDO
BIMESTRE
• JAD (Joint Application Development/Desarrollo conjunto de aplicaciones): está basada en
cuatro principios fundamentales: dinámica de grupo, el uso de ayudas visuales para mejorar la
comunicación, mantener un proceso organizado-racional y una filosofía de documentación
WYSIWYG (What You See Is What You Get, lo que ve es lo que obtiene), es decir, durante la
aplicación de la técnica se trabajará sobre lo que se generará. Tras una fase de preparación del

SOLUCIONARIO
JAD al caso concreto, el equipo de trabajo se reúne en varias sesiones. En cada una de ellas se
establecen los requisitos de alto nivel a trabajar, el ámbito del problema y la documentación.
Durante la sesión se discute en grupo sobre estos temas, llegándose a una serie de conclusiones
que se documentan. En cada sesión se van concretando más las necesidades del sistema.

• Tormenta de ideas: es una técnica de reunión de grupo, en donde los participantes muestran sus
ideas, estas reuniones deben ser en un máximo de 10 integrantes y uno de ellos debe asumir el rol
de moderador.

• Concept Mapping: son grafos en los que los vértices 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 esquemática
las diferentes interfaces al usuario. Estos sketches pueden ser agrupados y unidos por enlaces
dando idea de la estructura de navegación.

• 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 función.

• Cuestionarios y Checklists: esta técnica 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.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 24


ÍNDICE
Guía didáctica: Ingeniería webl

Definición de requisitos:

PRELIMINARES
Plantillas o patrones: esta técnica, 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 ambigüedad del lenguaje natural al estructurar la información;
cuanto más estructurada sea esta, menos ambigüedad ofrece. Sin embargo, si el nivel de detalle elegido
es demasiado estructurado, el trabajo de rellenar las plantillas y mantenerlas, puede ser demasiado

BIMESTRE
tedioso. Se debe mantener un equilibrio en las mismas.

PRIMER
Requisitos de usuarios:

SEGUNDO
BIMESTRE
Para el estudio de este tema le recomendamos acudir al texto básico y revisar el
capítulo tres denominado: “Planning” y realizar una lectura comprensiva de las clases
de usuarios y escenarios de uso, este tema lo puede encontrar en español en el
recurso digital mencionado en la bibliografía complementaria.

SOLUCIONARIO
Con la lectura realizada usted ya está en la capacidad de realizar la siguiente actividad

Pasemos a las siguientes

ACTIVIDADES RECOMENDADAS

• Plantearemos el tema “Sistema de inscripciones para un evento”.

Elabore un documento donde se obtenga los requisitos para el problema


mencionado, utilice cualquier técnica de recolección de requisitos citados
anteriormente, se ha abierto un foro en el que estarán los parámetros a tomar en
cuenta para esta actividad.

• Realice los ejercicios 1a, 1b, 1c, 2, 3, 4 del texto básico del capítulo 3.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 25


ÍNDICE
Guía didáctica: Ingeniería webl

1.5. Fase de planificacion

PRELIMINARES
En la gráfica 1.3 podemos ver los aspectos importantes que debemos tomar en cuenta en la fase de
planificación.

BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 1.3. Fase de planificación de un proyecto Web
Autor: Ramiro Ramírez.

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

• Jefe de proyecto
• Productor
• Editor
• Diseñador gráfico
• Desarrollador
• Diseñador de base de datos
• Técnico de hardware
• Técnico de pruebas

El benchmarking es una técnica muy buena en el desarrollo de las WebApp:, para entender mejor este
tema podemos ir a observar el siguiente video, que a través de un ejemplo práctico nos explica esta
técnica.

http://www.youtube.com/watch?v=9pEO0udZMbY

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 26


ÍNDICE
Guía didáctica: Ingeniería webl

Pasemos a las siguientes

PRELIMINARES
ACTIVIDADES RECOMENDADAS

BIMESTRE
Ahora acuda a su cuaderno de trabajo y liste las técnicas principales que

PRIMER
se utiliza para el benchmarking, si no logro detectarlas revise
nuevamente el video hasta encontrarlas.

SEGUNDO
BIMESTRE
Estructura de navegación

En la estructura de navegación tenemos una gráfica explicativa de los diferentes tipos de navegación
que puede tener nuestra WebApp:.

SOLUCIONARIO

Figura 1.4. Estructuras de navegación.


Autor: Ramiro Ramírez.

Los costos y beneficios es toda la inversión que vamos a tener en el desarrollo de la WebApp: y cuáles
son las ganancias que tendremos luego del desarrollo del mismo.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 27


ÍNDICE
Guía didáctica: Ingeniería webl

Pasemos a las siguientes

PRELIMINARES
ACTIVIDADES RECOMENDADAS

Con el tema “Sistema de inscripciones” para un evento que usted elija, puede ser un congreso,
un seminario, etc. A continuación elabore un documento donde se ponga en práctica la fase
de planificación, si tiene inconvenientes puede recurrir al EVA, en el foro se publicarán los
parámetros a tomar en cuenta.

BIMESTRE
PRIMER
1.6. Fase de contenido

Básicamente el éxito de una aplicación Web (sitio Web) es la calidad de información que se publica, esto

SEGUNDO
BIMESTRE
implica que debe existir información actualizada, contenidos interesantes y relevantes. Esto provoca que
el usuario permanezca más tiempo en nuestro Website y generar más visitas al mismo.

1.7. Fase de diseño

SOLUCIONARIO
Desarrollar aplicaciones en las cuales el usuario pueda aprovechar el potencial del paradigma de la
navegación de la WebApp:, mientras ejecuta transacciones sobre bases de información, es una tarea
muy difícil de lograr.

Construir la interfaz de una aplicación Web es una tarea compleja; no solo se necesita especificar cuáles
son los objetos de la interfaz que deberían ser implementados, sino también la manera en la cual estos
objetos interactuarán con el resto de la aplicación.

Para lograr este objetivo se establece un proceso compuesto por cuatro etapas: diseño conceptual,
diseño navegacional, diseño de interfaces abstractas e implementación.

Diseño 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 ejecución, se podría usar un modelo de datos
semántico estructural (como el modelo de entidades y relaciones). De este modo, en los casos en que la
información base pueda cambiar dinámicamente o se intenten ejecutar cálculos complejos, se necesitará
enriquecer el comportamiento del modelo de objetos.

Diseño navegacional
Un modelo navegacional es construido como una vista sobre un diseño conceptual, admitiendo
la construcción de modelos diferentes de acuerdo con los diferentes perfiles de usuarios. El modelo
navegacional provee una vista subjetiva del diseño conceptual.

La principal estructura primitiva del espacio navegacional es la noción de contexto navegacional. Un


contexto navegacional es un conjunto de nodos, enlaces, pueden ser definidos por comprensión o
extensión, o por enumeración de sus miembros. En la figura 1.4 se muestra modelos de navegación.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 28


ÍNDICE
Guía didáctica: Ingeniería webl

Diseño de interfaz abstracta

PRELIMINARES
En esta actividad supone un trabajo extenso y detallado, ya que abarca una iteracción múltiple de
elementos como audio, video, imágenes, la estructura lógica de la aplicación. Representando una labor
que va mas allá de la presentación visual de la información.

Al momento de estar en la fase de diseño es necesario tener en cuenta aspectos como la usabilidad y la
accesibilidad.

BIMESTRE
PRIMER
Usabilidad se refiere al tiempo y esfuerzo y capacidad requerido por el usuario, para que alcance un
determinado nivel de adaptación en el sistema. Esto puede estar vinculado al número de pasos que
se tiene que cumplir para lograr un determinado objetivo y el nivel de conocimientos que requiere el
usuario para la manipulación de la WebApp:.

SEGUNDO
BIMESTRE
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 información por diferentes dispositivos, navegadores,
idiomas, etc., estos son factores que pueden impedir que la aplicación se muestre correctamente en su
totalidad.

SOLUCIONARIO
ACTIVIDADES RECOMENDADAS

Para reforzar más el tema de diseño le recomiendo acudir al siguiente recurso digital y
realizar una lectura rápida del tema “Diseño de aplicaciones Web”: http://www.unab.edu.co/
editorialunab/revistas/rcc/pdfs/r22_art5_c.pdf

1.8. Fase de programación

Figura 1.5. Fase de programación.


Autor: Ramiro Ramírez.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 29


ÍNDICE
Guía didáctica: Ingeniería webl

En la gráfica 1.5 usted puede observar las subfases que hay en la fase de programación, en la primera
capa se selecciona el lenguaje de desarrollo y la base de datos, en la segunda capa se modela la base de

PRELIMINARES
datos, en la tercera capa se crea la conexión de la db con el lenguaje de programación y los script del
programa y en la última capa se despliega los contenidos de la WebApp: en el navegador.

Modularidad del software

En esta fase de programación es importante tener presente las respuestas de estas interrogantes, para

BIMESTRE
que el desarrollo no salga de control: ¿cómo va a ser la vida de aquellos que tengan que mantener tu

PRIMER
código?, ¿se van a poder dar cuenta de cuáles son los módulos que escribiste?, ¿van a poder encontrar la
documentación que pusiste?, ¿va a ser una tarea simple si hay que producir pequeños cambios en toda
la extensión del sitio?

Para responder a estas interrogantes es necesario acudir al texto básico y lea el capítulo 7 titulado

SEGUNDO
BIMESTRE
Software Modularity donde encontrará maneras de agrupar el código y cómo registrar la documentación.

Para reforzar lo aprendido realicemos las siguientes

SOLUCIONARIO
ACTIVIDADES RECOMENDADAS

Con el tema “Sistema de inscripciones” para un Evento cualquiera,


elabore un documento donde se ponga en práctica la fase de
programación, si tiene inconvenientes puede recurrir al EVA, en el foro
se publicarán y comentarán los parámetros a tomar en cuenta.

1.9. Fase de pruebas o testeo

Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento de la aplicación Web con
usuarios que vayan a utilizarlo.

Para el testeo se necesita evaluar los siguientes aspectos:

• La comprobación en navegadores.
• Detectar los vínculos rotos.
• Comprobar el tiempo de descarga.
• Comprobar el correcto funcionamiento de los procesos de la aplicación Web.

Para reforzar el conocimiento adquirido pasemos a las siguientes

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 30


ÍNDICE
Guía didáctica: Ingeniería webl

PRELIMINARES
ACTIVIDADES RECOMENDADAS

Con el tema “Sistema de inscripciones” para un evento

BIMESTRE
realice un documento donde se ponga en práctica la fase de pruebas,

PRIMER
si tiene inconvenientes puede recurrir al EVA, en el foro se publicarán y
discutirán los parámetros a tomar en cuenta.

1.10. Fase de publicidad

SEGUNDO
BIMESTRE
En esta fase tenemos la implementación 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.

SOLUCIONARIO
• Establecer el hosting o el lugar donde va a estar alojado la WebApp:.

• Después de la puesta en marcha de la aplicación, empezamos con la difusión de la misma,


utilizando varias técnicas como redes sociales, mailing etc.

Antes de pasar al siguiente capítulo, le invito a desarrollar


la siguiente autoevaluación; para determinar el nivel de
aprovechamiento del tema estudiado.

¡Suerte! Siga adelante.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 31


ÍNDICE
Guía didáctica: Ingeniería webl

Autoevaluación 1

PRELIMINARES
Conteste correctamente la siguiente evaluación:

1. Subraye los aspectos importantes a tomar en cuenta en la ingeniería Web, mencionamos que
puede existir más de una respuesta a seleccionar (Información del tema: libro básico capítulo 1):

BIMESTRE
PRIMER
a. Diseño de base de datos.
b. Organización estructural del contenido.
c. Monto que puede invertir el cliente.
d. Diseño grafico.

SEGUNDO
BIMESTRE
2. Para garantizar la calidad de las WebApp: se deben tomar en cuenta los siguientes aspectos
(seleccione más de una respuesta (información del tema: texto guía capítulo 1):

a. Calidad de programación.
b. Usabilidad.

SOLUCIONARIO
c. Seguridad.
d. Equipo de desarrollo.

3. La ingeniería Web es multidisciplinaria, subraye el área que interviene en ella (información del
tema: texto guía capítulo 1):

a. Arquitectura de información.
b. Ingeniería de procesos estructurales
c. Ingeniería de requisitos.
d. Gestión de proyectos.

4. Existen varias categorías de las WebApp: subraye la/las correcta (s) (información del tema: texto
guía capítulo 1):

a. Aplicaciones de red.
b. Aplicaciones móviles.
c. Aplicaciones centralizadas en la red.
d. Aplicaciones con formularios.

5. En la metodología de creación de aplicaciones Web existen varias fases, subraye las correctas
(información del tema: http://www.casupo.org.ve/CV/may/tesis/Web.pdf):

a. Fase de pruebas.
b. Fase de contenido.
c. Fase de planeación.
d. Fase de reestructuración.

6. En la fase de planeación 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. ( )

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 32


ÍNDICE
Guía didáctica: Ingeniería webl

8. En la estructura de navegación existen cuatro tipos que la componen. De la lista a continuación


seleccione la correcta (s) (Información del tema: http://www.casupo.org.ve/CV/may/tesis/Web.

PRELIMINARES
pdf):

a. Estructura poligonal.
b. Estructura lineal.
c. Estructura Radias.
d. Estructura espiral

BIMESTRE
PRIMER
9. En la fase de programación se establece las variables y clases a utilizar para el desarrollo del
software. ( )

10. La modularidad del software consiste en (información del tema: http://www.casupo.org.ve/CV/


may/tesis/Web.pdf):

SEGUNDO
BIMESTRE
a. Mantener documentado el código de la aplicación.
b. Separado el código fuente por módulos.
c. Disponer de infraestructura correcta y adecuada.

SOLUCIONARIO
Las respuestas a esta autoevaluación se encuentran al final de la
presente guía didáctica, vaya y compare las respuestas, si no logró un
buen resultado en la autoevaluación, no se preocupe le recomiendo
leer nuevamente el/los capítulos que confusos y reforzar sus
conocimientos. Y si aún tiene inquietudes no dude en preguntar al
profesor.

¡Hemos terminado la primera unidad!

¡Felicitaciones!

Ir a solucionario

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 33


ÍNDICE
Guía didáctica: Ingeniería webl

UNIDAD 2: Construcción de sitios mediante manejadores de contenidos

PRELIMINARES
Estimado alumno, empezamos el segundo capítulo de la asignatura, aquí estudiaremos temas de interés
que son fundamentales dentro de la ingeniería Web. A continuación el primer tema.

Para iniciar el estudio de esta nueva unidad le

BIMESTRE
PRIMER
recomendamos acudir al siguiente recurso digital
http://ocw.uniovi.es/course/view.php?id=28 y leer el
tema sobre la instalación del servidor apache.

SEGUNDO
BIMESTRE
¿Qué opina de la lectura? ¿Tiene dudas o inquietudes? ¡A continuación las iremos resolviendo!

2.1. Configuración de un servidor Web

SOLUCIONARIO
Para poder construir sitios Web sean estos 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 cómo instalarlo:

Figura 2.1. Herramientas XAMPP.


Disponible en: http://recursostic.educacion.es/observatorio/Web/

La aplicación con la que vamos a trabajar es XAMPP. XAMPP es un software que nos permite instalar
de manera fácil: APACHE (Servidor Web), PHP (Plataforma y Lenguaje de Programación Web Dinámica
por Excelencia), y MySQL (Gestor de Base de Datos); la instalación es tan sencilla como descargar y

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 34


ÍNDICE
Guía didáctica: Ingeniería webl

descomprimir, y mejor aún es multiplataforma, en la figura 2.1 se muestra el logotipo de xampp y sus
componentes.

PRELIMINARES
Puede encontrar más referencias en su página: htpp://www.apachefriends.org

La instalación la realizaremos en 4 etapas:

1. Descargar el XAMPP.

BIMESTRE
2. Ejecutar el XAMPP para su instalación.

PRIMER
3. Levantar los servicios (figura 2.2) del apache y mysql

SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 2.2. Servicio de plataforma XAMPP.
Tomado de Aplicación XAMPP.

4. Configuración básica

Figura 2.3. Idioma XAMPP.


Tomado de Aplicación XAMPP en el navegador.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 35


ÍNDICE
Guía didáctica: Ingeniería webl

PRELIMINARES
BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 2.4. Página de inicio XAMPP.
Tomado de Aplicación XAMPP en el navegador.

Todas nuestras WebApp: las colocaremos en la carpeta httdocs.

Figura 2.5. Carpeta WebApp:s htdocs.


Tomado de Directorio de la Aplicación XAMPP.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 36


ÍNDICE
Guía didáctica: Ingeniería webl

Estimado alumno, espero que todo el proceso de instalación 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

PRELIMINARES
aplicación está funcionando correctamente le sugiero que realice la siguiente actividad recomendada.

ACTIVIDADES RECOMENDADAS

BIMESTRE
PRIMER
Levante el servidor Web en su máquina local y cree un archivo con
extensión php y coloque el siguiente código:
<?php
phpinfo();

SEGUNDO
BIMESTRE
?>
Y hágalo correo en su servidor

¿Qué resultados obtuvo? Si todo está bien usted debe obtener un archivo similar al de la siguiente figura

SOLUCIONARIO
donde se puede ver las versiones de las aplicaciones instaladas que tenemos en el servidor Web y las
configuraciones de las mismas:

Figura 2.6. Datos de configuración, módulos y componentes de php.


Tomado de Aplicación XAMPP en el navegador.

Ahora sí, 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 más

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 37


ÍNDICE
Guía didáctica: Ingeniería webl

claramente que es un Sistema Manejador de Contenido, en la figura 2.6 se muestra el resultado de la


ejecución de un cogido php.

PRELIMINARES
Conociendo el servidor MYSQL

Es tiempo de acudir nuevamente al libro básico y lea el tema relacionado a RDBMS (Relational Database
Management System) ubicado en el capítulo 2 titulado Basics.

BIMESTRE
Le fue muy sencilla la lectura, ¿verdad? Ahora Ud. ya tiene conocimiento de bases de datos y de sql.

PRIMER
Para reforzar la lectura utilize la base de datos MYSQL instalada anteriormente y realice los ejercicios 1,
2, 3, 4, 6 del capítulo 2 “Basics”, referentes a Database exercises.

Si tiene algún problema en el desarrollo del ejercicio no dude en realizar preguntas en el foro de la

SEGUNDO
BIMESTRE
materia.

¡¡Continuemos optimistas a la siguiente temática!!


2.2. CMS

SOLUCIONARIO
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? ¿Tiene dudas o inquietudes? ¡A continuación explicaremos más de los CMS!

2.2. Introducción a los CMS

Crear un sitio Web puede ser un trabajo complicado y muy laborioso si no se dispone conocimiento y
una herramienta adecuada. La evolución de la 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, encargándose de los trabajos más tediosos que hasta ahora ocupaban el
tiempo de los administradores de las Webs.

Los gestores de contenidos proporcionan un entorno que posibilita la actualización, mantenimiento y


ampliación de la Web con la colaboración de múltiples usuarios. En cualquier entorno virtual ésta es una
característica importante.

Los sistemas de gestión de contenidos (Content Management Systems o CMS) es un software que
se utiliza principalmente para facilitar la gestión 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
aplicación de los CMS no se limita solo a las Webs.

Con la lectura que acaba de realizar seguramente ya logró comprender que es un CMS y establecer
sus características más importantes y sobre todo entender por qué este tipo de aplicaciones son tan

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 38


ÍNDICE
Guía didáctica: Ingeniería webl

ampliamente usadas hoy en día, en el siguiente tema estudiaremos algunos de los sistemas manejadores
de contenidos más utilizados.

PRELIMINARES
2.3. Tipos de CMS

BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 2.7. Logos de Sistemas Manejadores de Contenidos.
Disponible en: http://ayudawordpress.com/no-todo-es-wordpress-hay-otros-cms/.

En la gráfica 2.7 podemos ver los diferentes CMS que puede encontrar, existe una gran variedad de los
mismos, cada uno tiene un propósito específico de manera general, hay:

• CMS para sitios Web


• CMS para foros
• CMS para fotografías
• 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 más a fondo los sistemas manejadores de contenidos.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 39


ÍNDICE
Guía didáctica: Ingeniería webl

ACTIVIDADES RECOMENDADAS

PRELIMINARES
Establezca una lista de CMS (20) y clasifíquelos por el lenguaje de desarrollo, el tipo de
licencia que posee cada uno y el propósito de los mismos. Más información para poder
cumplir esta actividad la encontrará en el siguiente enlace: http://www.opensourcecms.

BIMESTRE
com/.

PRIMER

Con el desarrollo de la actividad anterior usted tiene una visión más 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 más de ellos con el siguiente tema:

SEGUNDO
BIMESTRE
2.4. Propiedades de los CMS

Dentro de las propiedades de los CMS podemos mencionar lo siguiente:

SOLUCIONARIO
• Permite la creación de contenidos, previa a la identificación del usuario y con los permisos
correctos.

• Permite la gestión del contenido ya que se almacena en una base de datos y puede ser clasificado
por categorías o taxonomías.

• Publicación o activación de contenido que es cuando el usuario administrador realiza la


autorización para la presentación del mismo.

• Presentación de contenido es la publicación.

En base a los expuesto en el apartado anterior, a las propiedades de los CMS y lo que usted a leído sobre
los CMS le invito a desarrollar la siguiente actividad.

ACTIVIDADES RECOMENDADAS

¿Explique con sus propias palabras en qué consiste la


gestión de contenido?

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 más conveniente o prefiere usted trabajar
con aplicaciones desarrolladas manualmente?

Veamos el siguiente tema que le ayudará a despejar algunas dudas.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 40


ÍNDICE
Guía didáctica: Ingeniería webl

2.5. Ventajas y desventajas

PRELIMINARES
Podemos citar entre las ventajas las siguientes:

• Se puede incluir nuevas funcionalidades de manera global y de forma fácil. Por ejemplo si
queremos insertar un buscador en el sitio mediante un CMS se haría una sola vez.
• Se puede enlazar muchas páginas.
• Reutilizar contenidos preinstalados.

BIMESTRE
• Páginas interactivas que son distintas en función del usuario que las visita.

PRIMER
• Navegabilidad, al tener un formato similar todas las páginas la navegabilidad suele ser más sencilla.
• Facilidad de actualización de los contenidos.
• Posibilidad de subir imágenes y otro tipo de archivos sin tener que usar FTP.

SEGUNDO
BIMESTRE
Dentro de las desventajas de los CMS podemos mencionar que:

• Un CMS respecto a las Webs estáticas tradicionales tienen una mayor lentitud de carga.
• La seguridad, los CMS están programados en lenguajes como php y mysql y a veces suelen
encontrarse agujeros de seguridad en los mismos.

SOLUCIONARIO
• Falta de personalidad de las Webs creadas, la mayoría de las Web creadas con el mismo CMS son
muy similares.

En ciertas ocasiones cuando uno navega en la Web encuentra varios sitios de interés y muchas veces urge
la inquietud como ingenieros informáticos de saber si esos sitios se han 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 creado con algún CMS, listaremos algunas de
ellas:

• Observar el pie de página en esta sección suele incluirse el logo del CMS que se está 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:

• Evalúe el portal de la UTPL www.utpl.edu.ec y verifique si está hecho con un CMS.

Es tiempo de reforzar los conocimientos, para lograr dicho objetivo le recomiendo hacer lo siguiente:

ACTIVIDADES RECOMENDADAS

Descargue el CMS Drupal de la página www.drupal.org e


instálelo en su máquina local, para hacerlo correr sobre la
plataforma XAMPP.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 41


ÍNDICE
Guía didáctica: Ingeniería webl

Con esta última actividad culminamos el estudio del Capítulo 2 de nuestra materia, como actividades
adicionales que usted puede realizar para afianzar un poco el tema de sistemas manejadores de contenido

PRELIMINARES
usted puede descargar de la Web otros CMS a demás del Drupal para que los instale en su máquina local
y pueda levantar una diversidad de sitios, entre los más utilizados además 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 ayudarán en su vida profesional.

Le sigo invitando a que continuemos con el mismo entusiasmo con que empezamos y poder enriquecer

BIMESTRE
los conocimientos que vienen a continuación.

PRIMER
Antes de pasar al capítulo dos, le invito a desarrollar la siguiente autoevaluación; para determinar
el nivel de comprensión del tema estudiado.

SEGUNDO
BIMESTRE
¡Suerte! Siga adelante.

SOLUCIONARIO

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 42


ÍNDICE
Guía didáctica: Ingeniería webl

Autoevaluación 2

PRELIMINARES
Conteste la siguiente evaluación, según sea el caso:

1. Al instalar el xampp se instalan las siguientes aplicaciones, seleccione las respuestas correctas (Más

BIMESTRE
PRIMER
información del tema: texto guía capítulo 2 o en el siguiente recurso http://ocw.uniovi.es/course/
view.php?id=28, capítulo 2):

a. Apache tomcat
b. Oracle
c. Mysql

SEGUNDO
BIMESTRE
d. Php

2. Con la instalación del servidor apache, todas las aplicaciones Web se deben colocar en la carpeta.
(Más información del tema: texto guía capítulo 2 o en el siguiente recurso http://ocw.uniovi.es/course/
view.php?id=28, capítulo 2):

SOLUCIONARIO
a. C:
b. www/
c. httdocs/

3. El archivo .php con el código phpinfo(); ejecuta lo siguiente (más información del tema: texto guía
capítulo 2 o en el siguiente recurso http://ocw.uniovi.es/course/view.php?id=28, capítulo 2):

a. Las bases de datos que constan en el motor mysql.


b. Las aplicaciones subidas al servidor.
c. Los módulos y componentes que están 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 máquina local. ( )

5. Seleccione la respuesta correcta que corresponde a las siglas CMS. En español significa (más
información del tema: en el siguiente recurso OCW http://ocw.um.es/gat/contenidos/pastor/
material_clase/02_gestoresdecontenidos_drupal.pdf):

a. Control de contenido dinámico.


b. Sistemas manejadores de contenidos.
c. Sistemas de control médico.

6. De la siguiente lista subraye los que en realidad son CMS (más información 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

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 43


ÍNDICE
Guía didáctica: Ingeniería webl

7. Seleccione correctamente las propiedades de los CMS (más información del tema en el siguiente
recurso OCW http://ocw.um.es/gat/contenidos/pastor/material_clase/02_gestoresdecontenidos_

PRELIMINARES
drupal.pdf):

a. Permite la creación de contenido.


b. Permite a programación de módulos.
c. Permite la gestión de contenidos.
d. Permite el control de la usabilidad.

BIMESTRE
PRIMER
8. Para reconocer los CMS debemos tomar en cuenta lo siguiente, seleccione la respuesta correcta
(más información del tema en el siguiente recurso OCW http://ocw.um.es/gat/contenidos/pastor/
material_clase/02_gestoresdecontenidos_drupal.pdf):

a. Observar la estructura del contenido con imágenes.

SEGUNDO
BIMESTRE
b. Observar el pie de página, 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 módulos
en su sitio. ( )

SOLUCIONARIO
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 autoevaluación se encuentran al final de la presente guía


didáctica, vaya y compare las respuestas, si no logró un buen resultado en la
autoevaluación, no se preocupe, le recomiendo leer nuevamente el/los capítulo(s)
confuso(s) y reforzar sus conocimientos. Y si aún tiene inquietudes, no dude en
preguntar al profesor.

¡Hemos terminado la segunda unidad!


Felicitaciones y ánimo con la siguiente unidad.

Ir a solucionario

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 44


ÍNDICE
Guía didáctica: Ingeniería webl

UNIDAD 3: USABILIDAD

PRELIMINARES
Estimado alumno, empezamos el tercer capítulo de la asignatura en el cual abordaremos temas
fundamentales, que es necesario comprender en el campo de la usabilidad.

Para iniciar el estudio de la usabilidad, le

BIMESTRE
PRIMER
recomendamos acudir al texto básico y
revisar el capítulo octavo denominado: “Foro
de discusión”.

¿Comprendió todos los temas? A continuación vamos a reforzar más la lectura que usted realizó:

SEGUNDO
BIMESTRE
SOLUCIONARIO
Antes de pasar a reforzar el tema conteste las siguientes preguntas de la lectura, ayúdese en su
cuaderno de trabajo:

• ¿Las pruebas de usabilidad involucran las tareas que quiere que el cliente complete, si/no por
qué?

• ¿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 definición de usabilidad, conocida como un grupo de técnicas que ayudan a los
usuarios a realizar tareas en entornos gráficos.

Un desarrollador trabaja para seres humanos, que quieren realizar una tarea de una forma sencilla y
eficaz a través de una aplicación, 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. Quizás
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 televisión, a ver información sobre la ciudad donde 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:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 45


ÍNDICE
Guía didáctica: Ingeniería webl

¿Realmente hace falta la usabilidad para realizar una Web?

PRELIMINARES
Efectivamente sí. No olvidar que la gente que entra en tu Web es porque básicamente busca algo. Hacerlo
sencillo es decisión tuya (desarrollador).

Con la lectura y ayudado de su cuaderno de trabajo mencione la importancia de la usabilidad.

3.2. Reglas para la usabilidad

BIMESTRE
PRIMER
Esta unidad es muy importante ya que le indica cuáles son las reglas a cumplir para que nuestra WebApp:
esté 100% usable, las cuales detallamos a continuación:

1. En Internet el usuario es el que manda.

SEGUNDO
BIMESTRE
o Una WebApp: sin usuarios 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.

SOLUCIONARIO
o En Internet cuenta que tu página sea más rápida que elegante, fiable que moderna, sencilla que
compleja. Tiene que ser directa.

3. Seguridad.

o Es muy común escuchar a personas pidiendo consejos que si este WebSite será seguro para colocar
mi información general y bancaria. Es por ello que debe ser muy seguro y si es posible utilizar 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 está 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 “qué es lo que pasa”. Versiones 1.0 son buenas mientras lo que
entrega esté bien asentado y genere confianza. Poco a poco y con el feedback de los usuarios,
podrás ir complicando la página.

5. Si quieres hacer una WebApp:, simplifica, reduce, optimiza.

o 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 cómodos y no se pierdan cada vez que
necesiten encontrar algo.

6. Las conclusiones al principio.

o El usuario se sentirá más cómodo 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á cómodo y quizás se dedique a explorar sú WebSite o se lo recomiende a un
amigo.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 46


ÍNDICE
Guía didáctica: Ingeniería webl

7. No hagas perder el tiempo a la gente con cosas que no necesitan.

PRELIMINARES
o Cuidado con cruzar promociones. Procurar que la selección de productos a cruzar sea consecuente
y no lo quieras “vender todo” en todas las páginas. Según avance el usuario en su navegación
procurar dejarle más espacio libre. Puede ocurrir que cuando esté a punto de comprar algo vea
una oferta que le distraiga y pierdas esa venta.
8. Buenos contenidos.

BIMESTRE
o Escribir bien para Internet es todo un arte. Pero siguiendo las reglas básicas de (1) poner las

PRIMER
conclusiones al principio y (2) escribir como un 25% de lo que pondrías 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.

ACTIVIDADES RECOMENDADAS

SEGUNDO
BIMESTRE
Analice la usabilidad de la siguiente imagen y emita comentarios
del mismo, acerca del objetivo , recursos, diseño, etc. Registre estos
comentarios en el foro del EVA.

SOLUCIONARIO

Figura 3.1. Ejemplo de usabilidad de un WebSite


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:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 47


ÍNDICE
Guía didáctica: Ingeniería webl

3.3. Principios generales de usabilidad en sitios Web

PRELIMINARES
Al momento de la fase de diseño de sitios Web se deben seguir los siguientes principios:

1. Anticipación, el sitio Web debe anticiparse a las necesidades del usuario.

2. Autonomía, los usuarios deben tener el control sobre el sitio Web. Los usuarios sienten que
controlan un sitio Web si conocen su situación en un entorno abarcable y no infinito.

BIMESTRE
PRIMER
3. Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios con
problemas de distinción 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.

SEGUNDO
BIMESTRE
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 número de pasos son más rápidas
de realizar para una persona que otras tareas con menos pasos, pero más complejas.

SOLUCIONARIO
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 ratón está en función de la
distancia y el tamaño del objetivo. A menor distancia y mayor tamaño más facilidad para usar un
mecanismo de interacción.

8. Reducción del tiempo de latencia. Hace posible optimizar el tiempo de espera del usuario,
permitiendo la realización de otras tareas mientras se completa la previa e informando al usuario
del tiempo pendiente para la finalización de la tarea.

9. Aprendizaje, los sitios Web deben requerir un mínimo proceso de aprendizaje y deben poder ser
utilizados desde el primer momento.

10. La protección 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 tamaño de fuente debe ser
suficientemente grande.

12. Seguimiento de las acciones del usuario. Conociendo y almacenando información sobre su
comportamiento previo se ha de permitir al usuario realizar operaciones frecuentes de manera
más rápida.

13. Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por
los usuarios, menús desplegables, indicaciones ocultas, etc.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 48


ÍNDICE
Guía didáctica: Ingeniería webl

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:

PRELIMINARES
• …………………………………………………………………………………
• …………………………………………………………………………………
• …………………………………………………………………………………
• …………………………………………………………………………………

BIMESTRE
3.4. Usabilidad para pequeños proyectos Web

PRIMER
Las WebApp: pequeñas por su simplicidad en componentes y contenidos son bastante usables, por
lo que no es muy relevante detalles mínimos como el color de links, pero es importante establecer las
reglas de usabilidad generales, esto ayudará a que el usuario este cómodo con la aplicación.

SEGUNDO
BIMESTRE
Una vez terminada la lectura, acuda a su cuaderno de trabajo y resuma qué reglas generales podemos
implementar en proyectos pequeños.

3.5. Navegadores o menús usables

SOLUCIONARIO
Empecemos este tema mencionando los puntos principales para tener menús usables:

1. Procure crear una navegación más fluida a través de (a) buenos contenidos, (b) directorios y (c)
buscadores bien indexados.

2. Procure evitar un menú con muchas opciones (mas de 5 puede ser mucho).

3. Es bueno indicar al usuario «dónde está».

4. Los colores de enlace «nuevo», «over» y «visitado» deben ser del mismo color pero con diferentes
tonalidades. No use diferentes colores para cada estatus, tal como se muestra en la figura 3.2.

Figura 3.2 Ejemplo de usabilidad de navegación

5. Si el menú se despliega, procure abrir una página por defecto y mantenga el menú desplegado
(no lo cierre sin que el usuario lo haya dicho).

6. El uso de los «bullets» es necesario cuando tenemos opciones que ocupan más de 2 líneas de
texto.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 49


ÍNDICE
Guía didáctica: Ingeniería webl

PRELIMINARES
ACTIVIDADES RECOMENDADAS

Emita un criterio personal sobre los menús de


navegación del portal de la UTPL www.utpl.edu.
ec.

BIMESTRE
PRIMER
¡Con entusiasmo sigamos aprendiendo!

3.6. Evaluar la usabilidad

SEGUNDO
BIMESTRE
Existen algunas formas de evaluar la usabilidad de una WebApp:, una de ellos pondremos en práctica a
continuación:

Supongamos que tenemos terminada la primera versión de nuestra aplicación o ya la tenemos

SOLUCIONARIO
completamente finalizada, a ello seguiremos los siguientes pasos a evaluar:

Evaluación automática que es el uso de aplicaciones que detectan problemas como:

• Tamaño absoluto de fuentes y tablas.


• Tamaño de las páginas.
• Formato de textos.
• Links rotos.
• Tiempo de descargas.
• Formatos de imágenes.

A continuación una lista de herramientas en línea que nos ayuda a evaluar la usabilidad:

• http://loadimpact.com/
Esta herramienta evalúa la carga online, es gratuito sin registro previo. Se comprueban tiempos de
respuesta desde 10 hasta 50 usuarios en forma simultánea.

• http://tools.pingdom.com/fpt/
Herramienta online, que informa del número total de objetos de una página, su peso y velocidad
de carga.

• http://watson.addy.com/
Herramienta online, en inglés, que informa del tiempo de carga de la página y de descarga de los
ficheros según el tipo de conexión.

• 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/
Evalúa los links rotos de un sitio Web.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 50


ÍNDICE
Guía didáctica: Ingeniería webl

• http://validator.w3.org/checklink
Otra herramienta para evaluar links rotos.

PRELIMINARES
Evaluación de acuerdo a directrices

Otra forma de evaluación es considerar la adecuación de las características del sitio a alguna(s) lista(s)
de directrices o características que debe tener un “buen sitio”. Solo tiene valor real si lo realizan como
mínimo dos personas que ya tengan cierta experiencia, y se obtiene una lista de cuestiones con las que

BIMESTRE
se puede realizar un rediseño alternativo del sitio.

PRIMER
La lista más conocida es la de los 10 heurísticos de Nielsen, enumerados aquí a título ilustrativo:

• Visibilidad del estado del sistema.


• Emparejamiento entre el sistema y el mundo real.

SEGUNDO
BIMESTRE
• Control y libertad del usuario.
• Consistencia y estándares.
• Prevención de errores.
• Reconocimiento sobre recuerdo.
• Flexibilidad y eficiencia de uso.

SOLUCIONARIO
• Estética y diseño minimalista.
• Ayudar a reconocer, diagnosticar y solucionar errores.
• Ayuda y documentación.

Con lo revisado en la lectura, podemos confirmar que la evaluación automática es el uso de software que
detecta problemas elementales como:

• Tamaños absolutos de fuentes y tablas


• …………
• Tamaño de páginas
• Tiempo de ……………………….
• Enlaces……………………..

ACTIVIDADES RECOMENDADAS

• Realice un informe de usabilidad automática 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 compártalas en el foro del EVA.

Ya hemos terminado el capítulo 3 de nuestra materia, es grato saber que se está avanzando con mucho
optimismo y empeño el desarrollo de esta guía.

Le sigo invitando nuevamente a que continuemos con el mismo ritmo de trabajo con que empezamos,
ya que vamos a comenzar un nuevo bimestre.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 51


ÍNDICE
Guía didáctica: Ingeniería webl

Antes de pasar al siguiente capítulo cuatro, le invito a desarrollar la siguiente

PRELIMINARES
autoevaluación; para determinar el nivel de conocimiento del tema estudiado.

Empecemos con la autoevaluación. ¡Suerte!

BIMESTRE
PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 52


ÍNDICE
Guía didáctica: Ingeniería webl

Autoevaluación 3

PRELIMINARES
Conteste correctamente la pregunta según 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. ( )

BIMESTRE
PRIMER
2. Seleccione de la lista siguiente, cual es la importancia de la usabilidad (más información del tema:
texto básico capítulo 8 llamado “Discussion”):

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


b. Permite que el usuario se oriente con mayor facilidad en su sitio Web.

SEGUNDO
BIMESTRE
c. Permite al usuario generar y publicar contenido en los sitios Web.

3. 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 (más información del
tema: texto básico, capítulo 8 llamado “Discussion”):

SOLUCIONARIO
a. En Internet el usuario es el que manda.
b. Seguridad de redes.
c. Para hacer una WebApp: simplifica, reduce y optimiza.
d. 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 cuáles son
(más información del tema: texto básico, capítulo 8 llamado “Discussion”):

a. Anticipación
b. Autonomía
c. Consistencia
d. Aprendizaje

6. De los siguientes conceptos seleccione el que corresponde a la reducción de tiempo de latencia


(más información del tema: texto básico, capítulo 8 llamado “Discussion”):

a. Los sitios Web deben requerir un mínimo proceso de aprendizaje y deben poder ser
utilizados desde el primer momento.
b. Hace posible optimizar el tiempo de espera del usuario, permitiendo la realización de otras
tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la
finalización de la tarea.
c. Las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su
aprendizaje previo.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 53


ÍNDICE
Guía didáctica: Ingeniería webl

7. Seleccione cuáles son los puntos principales para realizar un menú usable.

PRELIMINARES
a. Procurar menús con colores amarillos(más información del tema: texto básico, capítulo 8
llamado “Discussion”):
b. Evitar menús con muchas opciones.
c. Los colores del enlace, nuevo, over y visitado deben ser totalmente distintos.

8. Para la evaluación automática se destacan algunos problemas, de la siguiente lista seleccione los

BIMESTRE
más comunes (más información del tema: texto básico, capítulo 8 llamado “Discussion”):

PRIMER
a. Mala documentación de Javascript.
b. Links rotos.
c. Tiempo de descarga.
d. Formatos de imágenes.

SEGUNDO
BIMESTRE
9. De la siguiente lista encuentre cuáles son herramientas para validar la usabilidad, seleccione más
de una respuesta (más información del tema: texto guía capítulo 3):

a. www.google.com

SOLUCIONARIO
b. http://loadimpact.com/ .
c. www.utpl.edu.ec
d. http://validator.w3.org/checklink .

10. Seleccione cuáles pertenecen a los puntos heurísticos de Nielsen, subraye mas de una respuesta.
(Más información del tema: texto básico, capítulo 8 llamado “Discussion”):

a. Visibilidad del estado del sistema.


b. Control y libertad del usuario.
c. Multimedia adaptable
d. Ayuda y documentación.

Las respuestas a esta autoevaluación se encuentran al final de la presente guía didáctica, vaya
y compare las respuestas, si no logró un buen resultado en la autoevaluación, no se preocupe
le recomiendo leer nuevamente el/los capítulos confusos y reforzar sus conocimientos. Y si
aún 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.

Ir a solucionario

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 54


ÍNDICE
Guía didáctica: Ingeniería webl

SEGUNDO BIMESTRE

PRELIMINARES
6.5. Competencias genéricas

• Adquirir hábitos y técnicas de estudio eficaces.

BIMESTRE
PRIMER
• Habilidad para trabajar en forma autónoma.

• Capacidad para organizar y planificar el tiempo.

• Capacidad de abstracción, análisis y síntesis.

SEGUNDO
BIMESTRE
• Conocimientos sobre el área de estudio y la profesión.

• Capacidad de aplicar los conocimientos.

SOLUCIONARIO
• Capacidad crítica y autocrítica.

• Capacidad para identificar, plantear y resolver problemas.

• Capacidad para tomar decisiones.

• Habilidades en el uso de las tecnologías TICs.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 55


ÍNDICE
Guía didáctica: Ingeniería webl

6.6. Planificación para el trabajo del alumno

PRELIMINARES
CONTENIDOS CRONOGRAMA
COMPETENCIAS OBJETIVO DE ACTIVIDADES DE
ORIENTATIVO
ESPECÍFICAS APRENDIZAJE Unidades/Temas APRENDIZAJE
Tiempo estimado
• Implementar • Emitir criterios Unidad 4: Accesibilidad. • Lea Semana 1 y 2
aplicaciones de accesibilidad comprensivamente 8 horas de
a partir de Web. 4.1. Qué es la las orientaciones que autoestudios,
especificaciones accesibilidad y se presentan en la 8 de interacción.

BIMESTRE
y modelos • Analizar una guía para los temas

PRIMER
su importancia
de software aplicación de esta unidad.
utilizando Web utilizando 4.2. Cómo hacer un
estándares de herramientas en sitio accesible • Desarrolle las
documentación y línea. actividades
de programación. 4.3. Evaluación de la recomendadas de la
• Indicar mínimo accesibilidad unidad 4.

SEGUNDO
BIMESTRE
• Analizar cinco técnicas
problemas de de accesibilidad. 4.4. Técnicas de • Resuelva la
programación accesibilidad autoevaluación.
para diseñar
soluciones • Revise los anuncios
expresadas del EVA.

SOLUCIONARIO
a través de
métodos • Elabore un resumen
computacionales. con los aspectos
fundamentales de la
unidad 4.

• Implementar • Determinar Unidad 5: Seguridad en • Lea Semana 3 y 4


aplicaciones el nivel de aplicaciones Web comprensivamente
a partir de seguridad de las orientaciones que 8 horas de
especificaciones un formulario 5.1. Control de acceso se presentan en la autoestudios,
y modelos mediante a la información guía para los temas 8 de interacción.
de software pruebas de esta unidad.
utilizando específicas 5.2. Control del acceso • Desarrolle las
estándares de para al servidor actividades
documentación y aplicaciones recomendadas de la
de programación. Web 5.3. Configuración del unidad 5.
• Medir el servidor • Resuelva la
• Analizar control de autoevaluación.
problemas de acceso de 5.4. Donde comprar • Revise los anuncios
programación información. hosting y del EVA.
para diseñar • Presupuestar dominios seguros • Elabore un resumen
soluciones la compra con los aspectos
expresadas de dominio fundamentales de la
a través de y hosting unidad 5.
métodos seguro.
computacionales. • Explicar los
niveles de
seguridad de
un servidor
Web.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 56


ÍNDICE
Guía didáctica: Ingeniería webl

CONTENIDOS CRONOGRAMA
COMPETENCIAS OBJETIVO DE ACTIVIDADES DE
ORIENTATIVO

PRELIMINARES
ESPECÍFICAS APRENDIZAJE Unidades/Temas APRENDIZAJE
Tiempo estimado
• Usar Librerías, • Listar las Unidad 6: Web semántica. • Lea Semanas 5 y 6
API´S y características comprensivamente 8 horas de
Frameworks de la Web 6.1. Introducción a la las orientaciones que autoestudios,
para la semántica Web semántica se presentan en la 8 de interacción.
implementación • Diferenciar la guía para los temas
de soluciones Web de hoy 6.2. Metadatos de esta unidad.
integrales. con la Web • Desarrolle las

BIMESTRE
PRIMER
• Implementar semántica. 6.3. Como obtener actividades
aplicaciones • Implementar información recomendadas de la
a partir de módulos de unidad 6.
especificaciones RDF en un 6.4. Principales • Resuelva la
y modelos CMS drupal componentes autoevaluación.
de software • Definir lo que • Revise los anuncios
utilizando es los RDF. del EVA.

SEGUNDO
BIMESTRE
6.5. Capas de la Web
estándares de • Elabore un resumen
semántica
documentación y con los aspectos
de programación. fundamentales de la
6.6. OWL, URI, RDF
• Analizar unidad 6.
problemas de
programación

SOLUCIONARIO
para diseñar
soluciones
expresadas
a través de
métodos
computacionales.
Unidades de la 4 a la 6 Preparación para la Semanas 7 y 8
evaluación presencial 8 horas de
correspondiente al autoestudio,
segundo bimestre. 8 de interacción.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 57


ÍNDICE
Guía didáctica: Ingeniería webl

6.7. Orientaciones específicas para el aprendizaje por competencias

PRELIMINARES
UNIDAD 4: ACCESIBILIDAD

BIMESTRE
Estimado alumno, empezamos el cuarto capítulo de la asignatura tomando temas fundamentales que

PRIMER
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/ingeniería-informática/
evitando-las-barreras-de-accesibilidad-en-la-sociedad-de-la-información/

SEGUNDO
BIMESTRE
material-de-clase-en-formato-pdf/tema-4-accesibilidad-a-los-contenidos-
digitales.pdf/view y realizar una lectura rápida de esta.

¿Qué le pareció la lectura? ¿Tiene algunas dudas?


No se preocupe las vamos a ir resolviendo.

SOLUCIONARIO
4.1. ¿Qué es accesibilidad Web?

La accesibilidad consiste en que personas con algún tipo de discapacidad van a poder hacer uso de
la Web. Al hablar de accesibilidad Web se está haciendo referencia a un diseño 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, físicos,
cognitivos, neurológicos y del habla. Pero la accesibilidad Web beneficia también a organizaciones y
a personas sin discapacidad. Por ejemplo, un principio básico 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 conexión lenta), también estaríamos 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 cuál es el concepto de accesibilidad Web:

Para reforzar este concepto responda las siguientes preguntas en la siguiente

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 58


ÍNDICE
Guía didáctica: Ingeniería webl

PRELIMINARES
ACTIVIDADES RECOMENDADAS


• ¿A quiénes beneficia la accesibilidad Web?
• ¿Ayudará a personas sin discapacidad y por qué?

BIMESTRE
PRIMER
Para meternos un poco más en lo que es accesibilidad Web, tenemos que ver la importancia.

Por qué es importante la accesibilidad Web:

Actualmente la Web ha cobrado mucha importancia especialmente en áreas como educación, empleo,

SEGUNDO
BIMESTRE
gobierno, comunicación, economía, 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?

SOLUCIONARIO
¿Qué opina usted sobre la siguiente pregunta?

¿La accesibilidad Web es importante porque 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. Cómo hacer un sitio accesible

La accesibilidad Web se ha entendido siempre como responsabilidad de los desarrolladores Web. Pero,
el software Web tiene también 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 técnicas que
proporcionen soluciones accesibles para el software Web y para los desarrolladores Web. Las pautas de
WAI son consideradas como estándares 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 tamaño y la complejidad del sitio, así como de las herramientas de
desarrollo y el entorno.

Muchas de las características 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 rediseño. La modificación de sitios Web
inaccesible puede requerir un gran esfuerzo, sobre todo aquellos que no se “etiquetaron” correctamente
con etiquetas estándares de XHTML, y sitios con cierto tipo de contenido, como multimedia.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 59


ÍNDICE
Guía didáctica: Ingeniería webl

Técnicas de accesibilidad:

PRELIMINARES
Estructura y presentación

• El sitio se ha marcado semánticamente, es decir, se emplean los elementos y atributos de


XHTML únicamente para definir la estructura del contenido, controlándose su presentación
completamente mediante hojas de estilo.

BIMESTRE
• Las tablas solo se utilizan para marcar información tabular y nunca se emplean para controlar la

PRIMER
composición de la página.

• Las tablas utilizadas deben tener un elemento incorporado, un título, mediante el elemento
CAPTION, para describir brevemente su finalidad.

SEGUNDO
BIMESTRE
• Se proporcionan resúmenes de las tablas, mediante el atributo summary, que son especialmente
útiles para usuarios no videntes.

• Las páginas se han etiquetado para transmitir adecuadamente su estructura. Se usan etiquetas para
señalar los títulos de las páginas y las cabeceras de las secciones y subsecciones dentro de cada

SOLUCIONARIO
página. Esto beneficia, a los usuarios de lectores de pantalla que pueden moverse por las secciones
de las páginas utilizando combinaciones de teclas.

• El contenido debe estar organizado de forma lógica, de manera que aunque el navegador del
usuario no soporte las hojas de estilo o las tenga desactivadas, siga siendo posible leer las páginas.

• Se especifican tamaños de texto relativos, para respetar el tamaño de texto especificado por cada
usuario en su navegador. Se puede cambiar el tamaño de la letra utilizando las opciones que
proporcione el navegador, normalmente disponibles en el menú “Ver”, opción “Tamaño del texto”
o directamente con las teclas CTRL y + (aumentar tamaño), CTRL y - (disminuir tamaño).

• La separación entre contenido y presentación, así como el uso adecuado de los estándares Web,
hace posible que la WebApp: pueda visualizarse correctamente en multitud de navegadores.

Con la lectura y el análisis que acabó de realizar, acuda a su cuaderno de trabajo y mencione dos factores
que intervienen en la accesibilidad de un sitio Web:

ACTIVIDADES RECOMENDADAS

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 :

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 60


ÍNDICE
Guía didáctica: Ingeniería webl

4.3. Evaluación de la accesibilidad

PRELIMINARES
La evaluación de la accesibilidad de forma temprana y a lo largo del desarrollo permite encontrar al
principio problemas de accesibilidad, cuando es más fácil resolverlos. Técnicas sencillas, como es cambiar
la configuración en un buscador, pueden determinar si una página Web cumple algunas de las pautas
de accesibilidad.

Hay herramientas de evaluación que ayudan a realizar evaluaciones de accesibilidad. No obstante,

BIMESTRE
ninguna herramienta en sí misma puede determinar si un sitio cumple o no las pautas de accesibilidad.

PRIMER
Para determinar si un sitio Web es accesible, es necesaria la evaluación humana.

A continuación una lista de herramientas en línea que ayudará a medir la accesibilidad de una WebApp::

• http://www.tawdis.net/

SEGUNDO
BIMESTRE
• http://www.sidar.org/hera/
• http://walidator.net/uwem/index.es.php
En este enlace encontraremos algunos recursos para usabilidad y accesibilidad muy buenos.

Con la lectura rápida que haya realizado Ud. está en condiciones de completar:

SOLUCIONARIO
La evaluación temprana de la accesibilidad permite ..……………………………………….

Utilice la Internet para realizar esta actividad.

Ingrese al siguiente link http://www.usabilidad.dev42.es/2011/02/08/herramientas-utiles-para-


crear-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, le 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 continuación se muestra un formulario común y corriente donde no aplica técnicas de usabilidad:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 61


ÍNDICE
Guía didáctica: Ingeniería webl

<form action=”procesar_datos.php” method=”post” name=”datos_usuario”>

PRELIMINARES
<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>Dirección <input name=”direccion” type=”text” size=”40”></p>
<p>Teléfono <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>Dirección <input name=”empresa” type=”text” size=”40”></p>

BIMESTRE
PRIMER
<p>Teléfono <input name=”tlf_emp” type=”text” size=”40”></p>
<p>Fax <input name=”fax” type=”text” size=”40”></p>
<p>Página web <input name=”pg_web” type=”text” size=”40”></p>
<input name=”enviar” type=”submit” value=”Enviar formulario”>
</form>

SEGUNDO
BIMESTRE
En el código anterior se muestra un formulario normal que no cuenta con ningún estándar de accesibilidad
en formularios, obsérvese que dentro de las etiquetas p se tiene el nombre (label) y las cajas de texto sin
ninguna relación entre ellos.

A continuación tenemos el formulario cumpliendo normas de accesibilidad:

SOLUCIONARIO
<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”>Dirección</label></dd>
<dt><input name=”direccion” id=”direccion” type=”text” size=”40” value=” “ /></dt>
<dd><label for=”tlf”>Teléfono</label></dd>
<dt><input name=”tlf” id=”tlf” type=”text” size=”40” value=” “ /></dt>
<dd><label for=”correo”>Correo electrónico</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”>Teléfono</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”>Página 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 código equivalente a un formulario que cumple con las normas de
accesibilidad, entre las cuales podemos mencionar las siguientes:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 62


ÍNDICE
Guía didáctica: Ingeniería webl

• Está correctamente etiquetado los label, con su respectivo for.


• Cada parte del formulario posee una legend.

PRELIMINARES
• 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 código html en su maquina local y ver los resultados.

Le sugiero realizar la siguiente actividad para reforzar sus conocimientos adquiridos.

BIMESTRE
PRIMER
ACTIVIDADES RECOMENDADAS

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

SOLUCIONARIO
técnicas de usabilidad, los campos del formularios son: cédula, nombres,
apellidos, sexo, fecha de nacimiento, dirección, correo, tipo de participante
(ponente, estudiante, docente), taller , forma de pago (pago en la sede,
tarjeta de crédito). Publique el resultado el en foro del EVA.

Una vez revisado este tema, y no ha comprendido muy bien, vuelva a revisar. Si aún no comprende bien
no dude en consultar a su tutor.

Para medir sus conocimientos adquiridos le invito a desarrollar la siguiente


autoevaluación.

Empecemos con la autoevaluación. ¡Suerte!

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 63


ÍNDICE
Guía didáctica: Ingeniería webl

Autoevaluación 4

PRELIMINARES
Conteste correctamente las preguntas según sea el caso:

1. Seleccione de la siguiente lista cuál es el objetivo de la accesibilidad Web (más información del tema
en el recurso http://ocw.uc3m.es/ingenieria-informatica/evitando-las-barreras-de-accesibilidad-

BIMESTRE
PRIMER
en-la-sociedad-de-la-información/material-de-clase-en-formato-pdf/tema-4-accesibilidad-a-los-
contenidos-digitales.pdf/view).

a. Acceso a aplicaciones restringidas para cualquier usuario.


b. Acceso a aplicaciones para cualquier usuario normal o con discapacidad.-
c. Acceso a recursos ricos como pdf, doc.

SEGUNDO
BIMESTRE
2. La accesibilidad ha cobrado importancia en áreas como, seleccione más de una respuesta (,ás
información del tema en el recurso http://ocw.uc3m.es/ingenieria-informatica/evitando-las-
barreras-de-accesibilidad-en-la-sociedad-de-la-información/material-de-clase-en-formato-pdf/
tema-4-accesibilidad-a-los-contenidos-digitales.pdf/view).

SOLUCIONARIO
a. Educación.
b. Industria automotriz.
c. Comunicación digital.
d. Empleo.

3. Las siglas WAI en español significa, seleccione la respuesta correcta. (Más información del tema
en el recurso http://ocw.uc3m.es/ingeniería-informática/evitando-las-barreras-de-accesibilidad-
en-la-sociedad-de-la-información/material-de-clase-en-formato-pdf/tema-4-accesibilidad-a-los-
contenidos-digitales.pdf/view).

a. Accesibilidad Web incorporada.


b. Iniciativa de accesibilidad Web.
c. Importancia de la accesibilidad Web.

4. Localice las técnicas de accesibilidad de estructura y presentación (Más información del tema en
el recurso http://ocw.uc3m.es/ingeniería-informática/evitando-las-barreras-de-accesibilidad-en-
la-sociedad-de-la-información/material-de-clase-en-formato-pdf/tema-4-accesibilidad-a-los-
contenidos-digitales.pdf/view).

a. Sitio marcado semánticamente.


b. Proporcionan resúmenes a las tablas.
c. Tamaño de imágenes proporcionales al contenido
d. Contenido organizado lógicamente.

5. De la siguiente lista marque cuáles son validadores de accesibilidad:

a. http://www.tawdis.net/.
b. www.accessvalidatorwai.com
c. http://www.sidar.org/hera/
d. http://walidator.net/uwem/index.es.php Ir a solucionario

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 64


ÍNDICE
Guía didáctica: Ingeniería webl

PRELIMINARES
Las respuestas a esta autoevaluación se encuentran al final de la presente
guía didáctica, vaya y compare las respuestas, si no logró un buen resultado
en la autoevaluación, no se preocupe le recomiendo leer nuevamente el/los
capítulos confusos y reforzar sus conocimientos. Y si aún tiene inquietudes
no dude en preguntar al profesor.

BIMESTRE
¡Hemos terminado la cuarta unidad!

PRIMER
¡Felicitaciones!

SEGUNDO
BIMESTRE
SOLUCIONARIO

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 65


ÍNDICE
Guía didáctica: Ingeniería webl

UNIDAD 5: SEGURIDAD DE APLICACIONES WEB

PRELIMINARES
Estimado alumno, empezamos el quinto capítulo 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

BIMESTRE
PRIMER
lectura comprensiva del tema de seguridad de aplicaciones Web.

¿Qué opina de lo aprendido? ¿Tiene inquietudes o dudas? ¡A continuación las iremos resolviendo!

SEGUNDO
BIMESTRE
5.1. Control de acceso a la información

SOLUCIONARIO
Las aplicaciones Web tienen acceso abierto a un conjunto de información que explícitamente se
hace pública. 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. Limitación de acceso en función de direcciones IP o dominio. Solo los usuarios de un dominio u


organización tendrán acceso a la información.

2. Limitación de acceso por nombres de usuario y claves de acceso. Solo los usuarios que conozcan
una clave de acceso válida pueden acceder a la información.

Otro aspecto que está cobrando especial importancia es la seguridad de la información que se
intercambia en el Web. La Internet exige disponer de sistemas de comunicación seguros, capaces de
adaptarse a las necesidades de los nuevos servicios, como la compra electrónica o la banca a distancia.
En estos servicios, se manejan dos conceptos fundamentales, la autentificación y la confidencialidad.

Con los sistemas de comunicación actualmente en uso, es técnicamente posible ‘pinchar’ un enlace
de comunicaciones e interceptar el contenido de las comunicaciones TCP/IP que por él se transmiten.
Cuando se envía información privada, por ejemplo un número de tarjeta de crédito en un formulario de
compra, es vital garantizar que la información sea recibida exclusivamente por su destinatario, y que la
identidad es la esperada.

Control de acceso a la información

Se utiliza para limitar el acceso a determinados documentos de un servidor Web, en función del origen
y tipo de petición. La forma de hacerlo varía con el entorno en el que se publican las páginas (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 característico 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.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 66


ÍNDICE
Guía didáctica: Ingeniería webl

Cuando un cliente Web accede a un fichero protegido, el servidor devuelve un código de error asociado
a la falta de permisos para realizar la operación (código 401).

PRELIMINARES
ACTIVIDADES RECOMENDADAS

BIMESTRE
PRIMER
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.

SEGUNDO
BIMESTRE
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

SOLUCIONARIO
.htaccess (acceso de hiper-texto) es el nombre por defecto del archivo de configuración de directorios
de Apache. Provee de la habilidad para personalizar la configuración de las directivas definidas en el
archivo de configuración principal. Las directivas de configuración necesitan estar en el contexto de
.htaccess y el usuario necesita los permisos apropiados.

A continuación 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 archivo específico:
<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 manipulación por externos.
Options -Indexes

Le resultó muy sencilla la lectura, ¿verdad? Ahora pasemos a realizar la siguiente actividad:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 67


ÍNDICE
Guía didáctica: Ingeniería webl

PRELIMINARES
ACTIVIDADES RECOMENDADAS

Implemente este siguiente código .htaccess en una aplicación de su servidor apache, para ello :
• Cree una carpeta llamada aplicacionweb1,

BIMESTRE
• Coloque algunos archivos como imágenes, pdfs, etc.

PRIMER
• Ejecute la aplicación son 127.0.0.1/aplicaiconweb1
• Implemente el siguiente código en el .htaccess
RewriteEngine on
RewriteRule ^$ webroot/ [L]
RewriteRule (.*) webroot/$1 [L]
Options -Indexes

SEGUNDO
BIMESTRE
• Socialice el resultado en el foro del EVA y emita comentarios.

Continuemos con algunos temas más de seguridad.

SOLUCIONARIO
5.3. Configuración del servidor Web

El servidor Apache el cual es el que se instala con el xampp, contiene su propio archivo de configuración
que se llama httpd.conf que se encuentra ubicado en:

Figura 5.1. Directorio del archivo httpd.conf.


Autor: Ramiro Ramírez.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 68


ÍNDICE
Guía didáctica: Ingeniería webl

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

PRELIMINARES
• Configuración de parámetros globales.
• Directivas de funcionamiento.
• Configuración de los host virtuales.

Por lo regular el archivo contiene parámetros de configuración que vienen por defecto en la instalación.
Pero también existen parámetros que se los puede configurar a conveniencia del usuario.

BIMESTRE
PRIMER
Dentro de este archivo podemos activar o desactivar librerías:

SEGUNDO
BIMESTRE
SOLUCIONARIO

Figura 5.2. Contenido del archivo httpd.conf.


Autor: Ramiro Ramírez.

Eliminando el signo # des comentamos la librería para luego reiniciar los servicios y se active con dicha
opción.

Otros parámetros pueden ser:

<Directory> : los parámetros que se encuentran dentro de esta sección, solo se aplicarán al directorio
especificado y a sus subdirectorios.

<DirectoryMatch>: igual que Directory, pero acepta en el nombre del directorio expresiones regulares.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 69


ÍNDICE
Guía didáctica: Ingeniería webl

<Files>: los parámetros de configuración proporcionan control de acceso de los ficheros por su nombre.

PRELIMINARES
<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

BIMESTRE
caso tienen el siguiente orden de preferencia:

PRIMER
1. <Directory> y .htaccess (.htaccess prevalece frente a <Directory>)
2. <DirectoryMatch> y <Directory>
3. <Files> y <FilesMatch>
4. <Location> y <LocationMatch>

SEGUNDO
BIMESTRE
Timeout

Timeout define, en segundos, el tiempo que el servidor esperará por recibir y transmitir durante la
comunicación. Timeout está configurado por defecto a 300 segundos, lo cual es apropiado para la

SOLUCIONARIO
mayoría 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 número de puerto (que coincida
con la directriz Listen) para el servidor. El ServerName no necesita coincidir con el nombre real de la
máquina. 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) válido que pueda ser resuelto por el sistema.
Lo siguiente es una directriz ServerName de ejemplo: www.servidorWeb.com:80

Para reforzar aún más este tema le invito a realizar la siguiente actividad.

ACTIVIDADES RECOMENDADAS

Desarrolle una práctica de configuración del servidor local active la librería para la
base de datos postgres y cambie su servername a www.ejemploweb.com. Capture la
pantalla de la práctica y súbalas al EVA y emita criterios de la misma.

Pasemos a revisar el tema: donde comprar dominios y hosting seguros.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 70


ÍNDICE
Guía didáctica: Ingeniería webl

5.4. Donde comprar dominios y hosting seguros.

PRELIMINARES
Para iniciar el estudio de este tema de dominios, acuda al texto básico
al capítulo de “Planning” y realice una lectura comprensiva del tema
Domain Name Sysmen.

¿Qué opina de lo aprendido? ¿Tiene inquietudes o dudas? ¡A continuación las iremos resolviendo

BIMESTRE
reforzando el tema con más información!

PRIMER
SEGUNDO
BIMESTRE
SOLUCIONARIO
Figura 5.3. Proceso de la petición 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 características especiales donde se guarda toda la información
de la WebApp:, correos, bases de datos, etc.

En la gráfica 5.3 se describe el proceso que se realiza cuando el cliente solicita una aplicación Web por
Internet, ejemplo www.utpl.edu.ec, la computadora del usuario se conecta con otra computadora en
Internet para descargar la información que va a mostrar, a ésta otra computadora se le llama servidor,
porque es la encargada de brindar la información, y a tu computadora se le llama cliente, porque es
quien recibe la información.

El servidor que brinda el Hosting que es todo lo necesario para que una página pueda ser utilizada
desde Internet, tiene varios servicios, como son:

• Espacio en disco para almacenar la página.


• Espacio para guardar los correos electrónicos.
• Recibir y enviar correos electrónicos.
• Guardar y administrar bases de datos.
• Guardar estadísticas sobre las visitas a la página de Internet.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 71


ÍNDICE
Guía didáctica: Ingeniería webl

Dominios

PRELIMINARES
Los dominios son “nombres” de las páginas 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

BIMESTRE
TLD: .edu.ec

PRIMER
La terminación: que puede ser .com, .com.ec, .org, .ec, .edu, .edu.ec, etc. Esta terminación ayuda a indicar
el motivo o la razón de tu empresa y ubicación:

• .com comercial

SEGUNDO
BIMESTRE
• .com.ec -> comercial en Ecuador
• .org organización sin fines de lucro
• .tv canal de televisión o televisora
• .edu educativas
• .edu.ec educativas de Ecuador

SOLUCIONARIO
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 excepción de la ñ) o números


del 1 al 0 o guion medio “-”.

• Cualquier otro caracter como espacios en blanco, acentos, signos de puntuación, paréntesis, guion
bajo “_”, etc., no pueden ser parte de un dominio.

• No pueden empezar con un guion medio.

Para poder ver la disponibilidad del dominio, tenemos que ingresar a la siguiente dirección https://www.
networksolutions.com/ y buscar si está 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
consúltelas 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.
• Cuáles son las terminologías que pueden tener.
• Con ayuda del foro del EVA comente qué empresa vende dominios con la terminología etc.

Le sugiero realizar la siguiente actividad para reforzar lo aprendido.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 72


ÍNDICE
Guía didáctica: Ingeniería webl

ACTIVIDADES RECOMENDADAS

PRELIMINARES
Realice un presupuesto para la implementación del cms instalado anteriormente en
la internet, que abarque lo que es el dominio .ec y el hosting. Puede comentarlo en
el foro del EVA.

BIMESTRE
PRIMER
• Proponga Ud. el nombre del dominio.
• Verifique la disponibilidad del mismo.

Estamos avanzando en los contenidos, es por ello que le invito a medir sus conocimientos,
desarrollando la autoevaluación. Esta le ayudará a autoevaluarse y ver su estado en la materia.

SEGUNDO
BIMESTRE
Antes de pasar al siguiente capítulo, pasemos a desarrollar la siguiente
autoevaluación; para determinar el nivel de aprovechamiento del tema
estudiado.

SOLUCIONARIO
¡Suerte en la autoevaluación! Siga adelante.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 73


ÍNDICE
Guía didáctica: Ingeniería webl

Autoevaluación 5

PRELIMINARES
Conteste correctamente las preguntas según sea el caso:

1. Dentro de la seguridad, se encuentra el control de acceso de información, localice el tipo de


restricciones (más información de esta pregunta: en el siguiente recurso digital http://ocw.uniovi.es/

BIMESTRE
PRIMER
course/view.php?id=28 ):

a. Limitación de acceso en función de direcciones IP o dominio. Solo los usuarios de un


dominio u organización tendrán acceso a la información.
b. Limitación de acceso por sistema operativo.

SEGUNDO
BIMESTRE
2. El significado del archivo .htaccess en español es (más información de esta pregunta: en el siguiente
recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):

a. Acceso de protocolo de hipertexto


b. Acceso de hiper-texto.

SOLUCIONARIO
c. Acceso de hiper-media.

3. Para la restricción de una carpeta en el archivo .htaccess es, seleccione una respuesta (más
información de esta pregunta: en el siguiente recurso digital http://ocw.uniovi.es/course/view.
php?id=28 ):

a. Allow from all.


b. Deny from all.
c. Allow dem /carpeta.

4. Para permitir el acceso desde un rango de IPs es (más información de esta pregunta: en el siguiente
recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):

a. Deny from 10.2.2.2


b. Allow from 192.167.2.3/34
c. Deny from all

5. El archivo de configuración del servidor apache se denomina (más información de esta pregunta:
en el siguiente recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):

a. Htpd.conf
b. Httpd.ini
c. Httpd.conf

6. De la siguiente lista marque las partes que se divide el archivo httpd (más información de esta
pregunta: en el siguiente recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):

a. Configuración de parámetros internos.


b. Configuración de parámetros globales.
c. Directivas de funcionamiento.
d. Restricciones de dominios.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 74


ÍNDICE
Guía didáctica: Ingeniería webl

7. Localice el proceso de una petición Web de la siguiente lista (más información de esta pregunta: en
el siguiente recurso digital http://ocw.uniovi.es/course/view.php?id=28 ):

PRELIMINARES
a. Servidor–cliente-Internet–servidor-cliente
b. Cliente–servidor–Internet–servidor-cliente
c. Petición 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

BIMESTRE
mi aplicación Web en otra maquina local. ( )

PRIMER
9. Coloque una V si es verdadero o una F si es falso a lo siguiente: la terminología .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

SEGUNDO
BIMESTRE
página Web. ( )

Las respuestas a esta autoevaluación se encuentran al final de la presente guía didáctica, vaya
y compare las respuestas, si no logró un buen resultado en la autoevaluación, no se preocupe

SOLUCIONARIO
le recomiendo leer nuevamente el/los capítulos confusos y reforzar sus conocimientos. Y si aún
tiene inquietudes no dude en preguntar al profesor.

¡Hemos terminado la quinta unidad!


¡Felicitaciones!

Ir a solucionario

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 75


ÍNDICE
Guía didáctica: Ingeniería webl

UNIDAD 6: WEB SEMÁNTICA

PRELIMINARES
Iniciamos el sexto capítulo de la asignatura, nos corresponde el estudio de temas fundamentales que se
requiere aprender para entender la Web semántica.

Para iniciar el estudio de este tema le recomendamos acudir


al texto básico y revisar el capítulo denominado: “Distributed

BIMESTRE
PRIMER
Computing”.

Posterior a su lectura vamos a enfatizar algunos puntos más importantes para su aprendizaje.

SEGUNDO
BIMESTRE
6.1. Introducción a la Web semántica

La Web semántica es una Web extendida, la misma está dotada de un mayor significado. Se desarrolla

SOLUCIONARIO
con lenguajes universales que permitirán a los usuarios encontrar respuestas a sus preguntas de una
forma más rápida y sencilla gracias a la mejor estructuración de la información.

La Web semántica intenta realizar un filtrado de manera automática pero precisa de la información. Es
necesario hacer que la información que anida en la Web sea entendible por las propias máquinas.

La misma permitirá a los usuarios delegar tareas a las herramientas de la Web semántica, las cuales
podrán ser capaces de procesar la información.

La Web semántica es una extensión de la World Wide Web en la que los contenidos de la Web pueden ser
expresado mucho más que en un lenguaje natural, y también en un formato que pueda ser entendido,
interpretado y usado por diferentes software, permitiéndoles buscar, compartir e integrar información
más fácil.

Es la Internet existe mucha información donde podemos relacionar con diferentes recursos. Con la
misma podemos solucionar problemas habituales como son los de realizar búsquedas en Internet.

Los buscadores arrojan resultados en base a palabras clave, están nos arrojan datos que no se relacionan
con lo que deseamos encontrar, y que podamos relacionar recursos en la Web.

El propósito principal de la Web semántica 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 máquinas.

¿Cómo le fue en la lectura? Muy sencilla y clara. ¿Verdad? Para medir lo leído pasemos a realizar la
siguiente:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 76


ÍNDICE
Guía didáctica: Ingeniería webl

ACTIVIDADES RECOMENDADAS

PRELIMINARES
Describa con sus palabras cuál es el objetivo principal, la
visión y la definición de la Web Semántica

BIMESTRE
PRIMER
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.

SEGUNDO
BIMESTRE
Estos metadatos deben contener información estructurada para que los ordenadores la entiendan y
contener patrones iguales. Es decir, los metadatos son datos altamente estructurados que describen
información, describen el contenido, la calidad, la condición y otras características de los datos.

SOLUCIONARIO
Le recomiendo memorizarse el concepto de metadatos, ya que posteriormente los tendrá que utilizar.

ACTIVIDADES RECOMENDADAS

Para entender un poco más sobre la Web semántica acuda a


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

• ¿Cuál es el significado de ontologías?


• Explique su estructura de una ontología.
• ¿Qué herramientas existen y nos ayudan para la creación de on-
tologías?

Comparta esta investigación en el foro del EVA.

Vamos a centrarnos un poco en el desarrollo y representación de ontologías, en la lectura del recurso


http://protege.stanford.edu/publications/ontology_development/ontology101-es.pdf explica la
creación de una ontología utilizando la herramienta protege, lea este artículo y realice la creación 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 ) continúe con la creación de la ontología.

Comparta sus preguntas y resultados en el foro del EVA.


Muy bien, ahora pasemos a un nuevo tema que es:

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 77


ÍNDICE
Guía didáctica: Ingeniería webl

6.3. Como obtener información

PRELIMINARES
En la Web semántica se pude obtener información mediante archivos RDF, podemos extraer la
información de la base de datos para crear un formato más comprensible para las máquinas. Con esta
información podemos realizar deducciones lógicas, combinar información, generar información nueva
a partir de una ya existente, realizar consultas complejas en buscadores.

6.4. Principales componentes

BIMESTRE
PRIMER
Entre los principales componentes de la Web semántica podemos encontrar:

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


elementos contenidos dentro de documentos XML.

SEGUNDO
BIMESTRE
• 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.

SOLUCIONARIO
• RDF Schema es un vocabulario para describir propiedades y clases de recursos RDF-based, con
semántica para generalizar-jerarquías de las propiedades y clases.

• OWL la descripción de OWL en inglés “Ontology Web Language” describe las funciones y relaciones
de cada componente de la Web semántica. Es un mecanismo para desarrollar temas o vocabularios
específicos en los que podamos asociar esos recursos.

Revisemos el siguiente punto que es:

6.5. Capas de la Web semántica

Analice la siguiente gráfica 6.1 donde se encuentra las capas de la Web semántica, luego estaremos
explicando cada uno de los elementos que lo compone:

Figura 6.1. Fases de la Web semántica.


Disponible en: http://www.maestrosdelWeb.com/.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 78


ÍNDICE
Guía didáctica: Ingeniería webl

Bien, ahora que tiene una perspectiva de este tema, formule 3 preguntas y expóngalas a su tutor a través
del EVA, con ello aproveche para reforzar lo aprendido.

PRELIMINARES
6.6. OWL, URI, RDF

Como observamos en la figura 6.1, la Web semántica tiene varias capas; a continuación se describe cada
una de ellas:

BIMESTRE
Acuda al siguiente enlace http://www.maestrosdelWeb.com/editorial/web-semántica-y-sus-principales-

PRIMER
caracteristicas/ y lea las definiciones de cada elemento que componen la gráfica de la Web semántica.
Esto le ayudará a entender cada una de ellas.

De la lectura realizada podemos decir que:

SEGUNDO
BIMESTRE
RDF

El RDF es un Marco de Descripción de Recursos, este es un framework para metadatos en la World Wide
Web, creado por W3C “World Wide Web Consortium”.

SOLUCIONARIO
Este modelo se basa en la idea de convertir las declaraciones de los recursos en expresiones con la forma
sujeto-predicado-objeto (conocidas en términos RDF como tripletes).

La combinación de RDF con otras herramientas como RDF Schema y OWL permite añadir significado a
las páginas, y es una de las tecnologías esenciales de la Web semántica.

• 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 página de W3C en Wikipedia:

Expresado en RDF/XML sería:

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

• Qué es un RDF
• Qué significa OWL
• Qué es una URI

Ahora le invito a realizar una práctica con su cms instalado anteriormente.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 79


ÍNDICE
Guía didáctica: Ingeniería webl

ACTIVIDADES RECOMENDADAS

PRELIMINARES
- Con el cms drupal instalado anteriormente investigue módulos que permitan la generación
de RDF sobre los contenidos subidos al portal, instálelos y socialice en el foro del EVA, cap-
ture las pantalla con los resultados obtenidos.

BIMESTRE
PRIMER
- 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/”>

SEGUNDO
BIMESTRE
<rdf:Description rdf:about=” ……… “>
<dc:title>……..</dc:title>
<dc:publisher>……</dc:publisher>
</rdf:Description></rdf:RDF>

SOLUCIONARIO
Le invito a desarrollar la siguiente autoevaluación; para determinar
el nivel de aprovechamiento del tema estudiado.

¡Suerte! Siga adelante.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 80


ÍNDICE
Guía didáctica: Ingeniería webl

Autoevaluación 6

PRELIMINARES
Conteste o seleccione la pregunta según sea el caso:

1. Seleccione de la siguiente lista, la respuesta correcta de Web semántica (más información de esta
pregunta en el texto básico capítulo 14, llamado “Distributed Computing”):

BIMESTRE
PRIMER
a. Es una Web extendida, la misma está dotada de un mayor significado.
b. Es una Web estructurada y separada por parámetros de configuración.
c. Es una Web extendida en parámetros de desarrollo modular.

2. Seleccione el concepto de metadatos (más información de esta pregunta en el texto básico capítulo

SEGUNDO
BIMESTRE
14, llamado “Distributed Computing”):

a. Son palabras globales de la Internet.


b. Son palabras descriptivas de los recursos.
c. Son palabras que describen los propietarios de los contenidos.

SOLUCIONARIO
3. La visión de la Web semántica es ampliar los principios de la Web desde los documentos a los
datos. ( )

4. Seleccione cuál de los archivos se pueden obtener información en la Web semántica. (Más
información de esta pregunta en el texto básico capítulo 14, llamado “Distributed Computing”):

a. PDF
b. RDF.-
c. PHP

5. El objetivo de la Web semántica 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 máquinas...
( )

6. Localice de la siguiente lista los componentes de la Web semántica. (más información de esta
pregunta en el texto básico capítulo 14, llamado “Distributed Computing”):

a. XML
b. RDF
c. WAI
d. OWL

7. Los RDF están compuestos por tripletas que son: (seleccione una respuesta). (Más información de
esta pregunta en el texto básico capítulo 14, llamado “Distributed Computing”):

a. Sujeto-predicado-objeto.
b. Sujeto-cabecera-metadatos.
c. Metadas-xml-owl.

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 81


ÍNDICE
Guía didáctica: Ingeniería webl

8. Las URIs son las encargadas de identificar objetos. ( )

PRELIMINARES
9. Las URIs permiten ingresar a cualquier recurso de mi sitio Web. ( )

10. Las ontologías son archivos .rdf que guardan información del sitio. ( )

Si pudo resolver todos los ejercicios significa que ha adquirido la comprensión suficiente para
continuar con las demás unidades, por lo que le felicito. Si tuvo algunos errores, vuelva a leer las partes

BIMESTRE
correspondientes y no dude en llamarme si le quedan inquietudes.

PRIMER
Las respuestas a esta autoevaluación se encuentran al final de la presente guía didáctica, baya
y compare las respuestas, si no logro un buen resultado en la autoevaluación, no se preocupe
le recomiendo leer nuevamente el/los capítulos confusos y reforzar sus conocimientos. Y si aun

SEGUNDO
tiene inquietudes no dude en preguntar al profesor.

BIMESTRE
¡Hemos terminado la sexta unidad!
¡Felicitaciones!

SOLUCIONARIO
Ir a solucionario

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 82


ÍNDICE
Guía didáctica: Ingeniería webl

7. Solucionario

PRELIMINARES
PRIMER BIMESTRE
Unidad 1

BIMESTRE
PRIMER
1. Subraye los aspectos importantes a tomar en cuenta en la ingeniería Web:

• Diseño de base de datos. Es una área importante para el almacenamiento de información de


las WebApp:
• Diseño grafico. Área importante que refleja la parte estética de la WebApp:.

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

• Usabilidad. Para que el usuario pueda estar cómodo y realizar las tareas planteadas en la
WebApp:.

SOLUCIONARIO
• Seguridad. Con ello el usuario estará tranquilo con la información que ingresa en la WebApp:.

3. La ingeniería Web es multidisciplinaria, subraye las áreas que interviene en ella:

• Arquitectura de información. Contribuye para una buena estructura y presentación de


contenido en la WebApp:.
• Ingeniería de requisitos. Con ella se puede levantar todos los requerimientos antes de
empezar a desarrollar la WebApp:.
• Gestión de proyectos. Se puede llevar por buen camino los proyectos Web que es estén
desarrollando para la entrega a tiempo y con calidad.

4. Existen varias categorías de las WebApp: subraye la/las correcta(s):

• Aplicaciones móviles. Las aplicaciones móviles están dentro de las WebApp: ya que
consumen y aportan información directa de Internet.
• Aplicaciones con formularios. La mayoría de aplicaciones Web utilizan formularios para la
recepción de información.

5. En la metodología de creación 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 evalúa el tipo de contenido, estructura, presentación, etc.
• Fase de planeación. Fase que permite planear cómo se llevará el proyecto, recursos que se
utlizarán.

6. En la fase de planeación 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 )

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 83


ÍNDICE
Guía didáctica: Ingeniería webl

8. En la estructura de navegación existen cuatro estructuras , de la lista a continuación seleccione las


correctas:

PRELIMINARES
• Estructura lineal. Permite una navegación linear.
• Estructura radial. Permite una navegación circular, la cual puede localizar más rápido los
contenidos.

9. En la fase de programación se establece las variables y clases a utilizar para el desarrollo del

BIMESTRE
software. ( V )

PRIMER
10. La modularidad del software consiste en:

• Mantener documentado el código de la aplicación. Ayuda a que otros programadores


entiendan el funcionamiento y se adapten con mayor facilidad.

SEGUNDO
BIMESTRE
• Separado el código fuente por módulos. Mejora el tiempo de entrega y la programación
colaborativa, así como la separación de servicios.

SOLUCIONARIO
Ir a autoevaluación

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 84


ÍNDICE
Guía didáctica: Ingeniería webl

Unidad 2

PRELIMINARES
1. Al instalar el xampp se instalan las siguientes aplicaciones:

• Mysql. Mysql como motor de base de datos.


• Php. Como lenguaje de programación.

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

BIMESTRE
PRIMER
• httdocs/ Carpeta por defecto en el servidor apache para guardar las aplicaciones Web.

3. El archivo .php con el código phpinfo(); ejecuta lo siguiente:

• Los módulos y componentes que están instalados con el php.

SEGUNDO
BIMESTRE
4. Apache es un servidor Web que puede funcionar en una maquina local. ( V )

5. Las siglas CMS en español significa:

SOLUCIONARIO
• Sistemas manejadores de contenidos.

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

• Drupal. Manejador de contenidos para creación de sitios Web.


• Mediawiki. Gestor de contenidos para espacios colaborativos.
• Wordpress. Gestor de contenidos, denominado blogs.

7. Seleccione correctamente las propiedades de los CMS:

• Permite la creación de contenido. Ya que tiene una facilidad para crear información al portal.
• Permite la gestión de contenidos. Permite borrar, actualizar, listar e ingresar contenidos.

8. Para reconocer los CMS debemos tomar en cuenta lo siguiente:

• Observar el pie de página, donde se incluye el logotipo del CMS.

9. Un CMS puede incorporar módulos en su sitio. ( V )

10. El portal de la UTPL está creado en el CMS Joomla. ( F )

Ir a autoevaluación

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 85


ÍNDICE
Guía didáctica: Ingeniería webl

Unidad 3

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

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


• Permite que el usuario se oriente con mayor facilidad en su sitio Web.

BIMESTRE
PRIMER
3. 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.

SEGUNDO
BIMESTRE
4. La seguridad no es muy importante en la usabilidad. ( F )

5. Dentro de los principios de usabilidad, podemos listar algunos de ellos, identifique cuáles son:

SOLUCIONARIO
• Anticipación. Anticiparse a lo que el usuario requiere, esto le gustará y recomendará la
aplicación.
• Autonomía. El usuario podrá realizar cualquier tarea en la aplicación sin la necesidad de
ayuda.
• Consistencia. la aplicación debe estar siempre disponible a cualquier hora.
• Aprendizaje . la aplicación Web debe requerir un mínimo de aprendizaje, debe ser intuitivo

6. De los siguientes conceptos seleccione el que corresponde a la reducción de tiempo de latencia:

• Hace posible optimizar el tiempo de espera del usuario, permitiendo la realización de otras
tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la
finalización de la tarea.

7. Seleccione cuáles son los puntos principales para realizar un menú usable:

• Evitar menús con muchas opciones.

8. Para la evaluación automática se destacan algunos problemas, de la siguiente lista seleccione los
más comunes:

• Links rotos.
• Tiempo de descarga.
• Formatos de imágenes.

9. De la siguiente lista encuentre cuáles son herramientas para válida la usabilidad:

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

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 86


ÍNDICE
Guía didáctica: Ingeniería webl

10. Seleccione cuáles pertenecen a los puntos heurísticos de Nielsen:

PRELIMINARES
• Visibilidad del estado del sistema.
• Control y libertad del usuario.
• Ayuda y documentación.

BIMESTRE
PRIMER
Ir a autoevaluación

SEGUNDO
BIMESTRE
SOLUCIONARIO

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 87


ÍNDICE
Guía didáctica: Ingeniería webl

SEGUNDO BIMESTRE

PRELIMINARES
Unidad 4

1. Seleccione de la siguiente lista cuáles son los objetivos de la accesibilidad Web:

• Acceso a aplicaciones para cualquier usuario normal o con discapacidad.

BIMESTRE
PRIMER
2. La accesibilidad ha cobrado importancia en áreas como:

• Educación.
• Comunicación digital.
• Empleo.

SEGUNDO
BIMESTRE
3. Las siglas WAI en español significa:

• Iniciativa de accesibilidad Web.

SOLUCIONARIO
4. Localice las técnicas de accesibilidad de estructura y presentación:

• Sitio marcado semánticamente.


• Proporcionan resúmenes a las tablas.
• Contenido organizado lógicamente.

5. De la siguiente lista marque cuáles son validadores de accesibilidad:

• http://www.tawdis.net
• http://www.sidar.org/hera/
• http://walidator.net/uwem/index.es.php

Ir a autoevaluación

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 88


ÍNDICE
Guía didáctica: Ingeniería webl

Unidad 5

PRELIMINARES
1. Dentro de la seguridad, se encuentra el control de acceso de información, localice los tipos de
restricciones:

• Limitación de acceso en función de direcciones IP o dominio. Solo los usuarios de un dominio


u organización tendrán acceso a la información.

BIMESTRE
2. El significado del archivo .htaccess en español es:

PRIMER
• Acceso de hiper-texto.
3. Para la restricción de una carpeta en el archivo .htaccess es:

• Deny from all

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

• Allow from 192.167.2.3/34

SOLUCIONARIO
5. El archivo de configuración del servidor Apache se denomina:

• Httpd.conf

6. De la siguiente lista marque las partes en que se divide el archivo httpd:

• Configuración de parámetros globales.


• Directivas de funcionamiento.

7. Localice el proceso de una petición Web de la siguiente lista:

a. Petición del cliente–Internet–servidor–Internet–cliente.

8. El Web hosting es el alojamiento de mi aplicación Web en otra máquina local. ( F )

9. La terminología .ec significa que son de Ecuador. ( V )

10. El dominio son los nombres de mi página Web. ( V )

Ir a autoevaluación

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 89


ÍNDICE
Guía didáctica: Ingeniería webl

Unidad 6

PRELIMINARES
1. Seleccione de la siguiente lista la respuesta correcta de Web semántica:

• Es una Web extendida, la misma está dotada de un mayor significado.

2. Los metadatos son:

BIMESTRE
• Palabras descriptivas de los recursos

PRIMER
3. La visión de la Web semántica es ampliar los principios de la Web desde los documentos a los
datos. ( V )

4. Seleccione cuáles son los archivos que se pueden obtener información en la Web semántica:

SEGUNDO
BIMESTRE
• RDF

5. El objetivo de la Web semántica 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 máquinas ( V

SOLUCIONARIO
)

6. Localice de la siguiente lista los componentes de la Web semántica:

• XML
• OWL

7. Los RDF están 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 ontologías son archivos .rdf que guardan información del sitio. ( F )

Ir a autoevaluación

RLRC/jpl/23-07-2012/80
LFMA/2013-02-23/92

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 90


Guía didáctica: Ingeniería webl

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja 91

Vous aimerez peut-être aussi