SÍLABO DEL CURSO

FACULTAD DE INGENIERÍA
CARRERA DE INGENIERÍA DE SISTEMAS INGENIERIA WEB

1. DATOS GENERALES
1.1. Facultad : Ingeniería
1.2. Carrera Profesional : Ingeniería de Sistemas
1.3. Departamento : Ingeniería de Sistemas
1.4. Tipo de Curso : Obligatorio
1.5. Requisitos : Base de Datos
1.6. Ciclo de estudios : 5
1.7. Duración del curso : 18 semanas
Inicio : 19 de Marzo del 2008
Término : 16 de julio del 2008
1.8. Extensión horaria : 3 horas semanales.
1.9. Créditos : 03
1.10.Período lectivo : 2008-1
1.11.Docente responsable : Ing. Alfred Kobayashi Gutiérrez
akg@upnorte.edu.pe

2. FUNDAMENTACIÓN
El propósito es que los alumnos conozcan los conceptos relacionados a la ingeniería Web como parte de la
Ingeniería de Software, dominen las técnicas en el diseño de aplicaciones Web, aplicando normas de
calidad de software. Así mismo podrán aplicar de manera práctica el desarrollo de scripts de servidor y
desarrollar aplicaciones Web dinámicas y de calidad usando herramientas del software libre. Es la base
para los cursos de programación donde se les exige desarrollos web, como Taller de Desarrollo 2.
3. COMPETENCIA
Los alumnos al terminar el curso, trabajando individualmente y en grupo, conociendo los conceptos y
técnicas de la Ingeniería Web, serán capaces de implementar aplicaciones Web de cualquier complejidad,
bajo normas de calidad. Se usarán técnicas de programación separando el diseño de la presentación
usando XHTML, JavaScript, CSS, XML, XSL y PHP. Así mismo podrán configurar servidores Web y de
base de datos basados en software libre. Y aplicarán técnicas para mejorar la usabilidad, navegación y
accesibilidad de las aplicaciones Web desarrolladas.
4. OBJETIVOS ESPECÍFICOS DEL CURSO
4.1. Conocer el alcance de las Tecnologías Web, el concepto de Web única y de la Ingeniería Web,
proporcionándoles una visión amplia del panorama actual y futuro de la Web.
4.2. Construir aplicaciones Web estáticas de bajo nivel de complejidad separando el contenido de la
presentación conociendo los lenguajes de programación Web del lado del cliente: XHTML, JavaScript,
CSS.
4.3. Configurar servidores Web, así como desarrollar scripts del lado del servidor usando para ello PHP.
Serán capaces de reconocer las bondades y usos del software libre en la actualidad dotándolos de una
actitud proactiva, investigativa y orientada al desarrollo de software empresarial Open Source. Serán
capaces de desarrollar aplicaciones Web dinámicas e interactivas accediendo a bases de datos.
4.4. Reconocer y desarrollar aplicaciones con características de calidad, como son la usabilidad y
accesibilidad. Además podrán evaluar y testear el código de las aplicaciones Web para cumplir normas
y recomendaciones de la W3C.
5. CONTENIDOS CONCEPTUALES
• Ingeniería Web
• Tecnología Web.
• Calidad Web.
• Software Libre
• Servidor Web
• Usabilidad, Navegación y Accesibilidad.

6. CONTENIDOS PROCEDIMENTALES
• Reconocer la complejidad de una aplicación Web.
• Desarrollan proyectos de negocio, orientados a la creación de productos Web.
• Implementan aplicaciones Web de calidad separando contenido de presentación.
• Conocen y aplican soluciones de software libre en el desarrollo de aplicaciones Web.
• Aplican técnicas para proveer a las aplicaciones Web de características de Usabilidad, navegación y
accesibilidad.
7. CONTENIDOS ACTITUDINALES
• Analítica.
• Creatividad.
• Crítica.
• Autocrítica.
• Comprensión de Lecturas
• Trabajo en equipo.

8. METODOLOGÍA GENERAL DEL CURSO

El curso se desarrolla mediante la discusión de conceptos de Ingeniería Web, Calidad Web, Diagramas de
Navegabilidad, Configuración de Servidores Web, Usabilidad, Navegación, Accesibilidad y Programación
Web tanto del lado del cliente como del servidor en el salón de clases, donde los alumnos discuten y
solucionan problemas. Se analizan diversos proyectos de desarrollo de aplicaciones web, definiendo
estrategias para su implementación por medio de discusiones con cada equipo formado en clase.

Se realizarán evaluaciones grupales donde se reconozca el trabajo en equipo, el conocimiento de los

conceptos tratados en clase y la aplicabilidad de sus proyectos en casos reales.
9. PROGRAMACIÓN

Unidad y su objetivo SEM Temas

Presentación del sílabo del curso, de la metodología, del sistema de evaluación y de la
Unidad 1 bibliografía.
1
Introducción a la Introducción a la Ingeniería Web. Asignación de Proyectos
Ingeniería Web
1 Semana LECTURA OBLIGATORIA: Definición de la Ingeniería Web.
[1] CAPÍTULO: 29 (pag 521,522)
Control de Lectura L1. Conceptos de Ing. Web
2 El Estándar SGML y el Lenguaje HTML.
Desarrollo de páginas Web estáticas.
DHTML parte 1: Hojas de Estilo – CSS
3 Concepto: Separando Contenido y Presentación
El Modelo de Caja. Implementación de Hojas de Estilo.
Unidad 2 Presentación de Prototipos de Diseño Web y Modelo de BD (T1)
4
Lenguajes de
Programación para la Control de Lectura L2: Web 2.0
Web y Diseño Web. DHTML parte 2: JavaScript
5
5 semanas El Modelo DOM.
Implementación de scripts para validación de datos.
El Estándar XML y XSL
6 Implementación de estructuras y páginas XML con XSL
Transformación XSLT
Práctica Calificada sobre Tecnología e Ingeniería Web (T2)
Control de Lectura L3: Accesibilidad en la Web
Unidad 3 Introducción a la Calidad Web.
Calidad Web, Evaluación de Usabilidad y Accesibilidad en la Web.
Usabilidad y 7 Navegabilidad en aplicaciones Web.
Accesibilidad Calidad en el código Web. Estándares de la W3C : HTML, XHTML, CSS.
2 semanas Uso de validadores de Código en proyectos.
FUENTES BIBLIOGRÁFICAS: [4], [5], [6], [7] , [8] , [11] ,[14], [18]
Prototipos de la Aplicación Web. Primera Etapa y
8
Evaluación de la Calidad del Prototipo (T3)
9 EXAMEN PARCIAL
Introducción al Software Libre
Instalación y Configuración del Servidor Web Apache 2
10
Instalación y Configuración del Servidor de base de Datos MySQL 5
Utilización de PHPMyAdmin
Control de Lectura L4: La Web Móvil
El Lenguaje de programación PHP
11
Definición de Variables, Manejo de arrays, cadenas. Funciones básicas de PHP
Unidad 4 Envío de variables, métodos GET y POST
Aplicaciones Web Diagrama de Navegación
con Software Libre. 12 Funciones de PHP+MySQL
7 semanas Creación de Mantenimiento de Tablas
13 Ingreso, modificación y eliminación de Datos con PHP
14 Práctica calificada : Programación con PHP (T4)
Control de Lectura L5 : La Web Semántica
15 Aplicaciones Web con PHP.
Práctica de aplicaciones.
16 Proyecto Web. Etapa Final y Documentación. (T5)
FUENTES BIBLIOGRÁFICAS: [9], [13], [16], [17], [19]
17 EXAMEN FINAL : Evaluación de la calidad de un Sitio Web
18 EXAMEN SUSTITUTORIO
10. SISTEMA DE EVALUACIÓN DEL CURSO
El cronograma de la evaluación continua del curso es el siguiente:

ESPECIFICACIÓN DE TRABAJOS DEL CURSO

T Descripción Semana
T1 Presentación de Prototipos de Diseño Web y Modelo de BD 4
T2 Práctica Calificada sobre Tecnología e Ingeniería Web 6
T3 Prototipo de la aplicación Web. Primera Etapa 8
T4 Práctica calificada : Desarrollo de Aplicación con PHP 14
T5 Proyecto Web. Etapa Final y Documentación. 16

El peso de cada T es:

PESO
EVALUACIÓN ESCALA VIGESIMAL
(%)
T01 10 1,2
T02 15 1,8
T03 20 2,4
T04 25 3,0
T05 30 3,6
TOTAL 100% 12

Los pesos ponderados de las clases de evaluación son los siguientes:

PESO
EVALUACIÓN ESCALA VIGESIMAL
(%)
PARCIAL 20 4
CONTINUA (Ts) 60 12
FINAL 20 4
TOTAL 100% 20

La Evaluación Sustitutoria evalúa toda la temática desarrollada en el semestre y se rinde la semana

consecutiva al término de los exámenes finales y su nota reemplazará, necesariamente, a la nota de un
Examen (Parcial o Final) o a la nota de un T (Evaluación Continua), de tal manera que el resultado final sea
favorable al alumno.
11.BIBLIOGRAFÍA OBLIGATORIA
BILIOGRAFÍA BÁSICA

## CÓDIGO AUTOR TITULO

INGENIERÍA DE SOFTWARE. UN ENFOQUE
1 005.1/P85 PRESSMAN, ROGER S.
PRACTICO. Quinta Edición.
Calidad en el desarrollo y mantenimiento del
2 005.14/P52 PIATTINI, M.G Y OTROS
software
NO ME HAGAS PENSAR : Una aproximación
3 004.67/K84 KRUG, STEVE
a la usabilidad en la web
4 005.72/W58 WILLARD, WENDY FUNDAMENTOS DE PROGRACION EN HTML
RAYA CABRERA, JOSE LUIS; MORENO, HTML 4, GUIA DE REFERENCIA Y TUTORIAL
5 005.72/R28
JOSE A.; LOPEZ, ANTONIO
004.62/O71/ JAVASCRIPT Y CSS 2DA EDICIÓN
6 ORÓS, JUAN CARLOS
2000 AMPLIADA Y ACTUALIZADA

7 * JAKOB NIELSEN DESIGNING WEB USABILITY (EN ESPAÑOL)

MINISTERIO DE TRABAJO Y ASUNTOS

8 * DISEÑO ACCESIBLE DE PAGINAS WEB
SOCIALES - ESPAÑA
WELLING, LUKE
9 * DESARROLLO WEB CON PHP Y MYSQL
THOMSON, LAURA

BIBLIOGRAFÍA COMPLEMENTARIA

## CÓDIGO AUTOR TITULO

TIM CONVERSE, JOYCE PARK, CLARK
10 ** LA BIBLIA DE PHP5 Y MYSQL
MORGAN
11 * FITZGERALD, MICHAEL XML LOS MEJORES TRUCOS
WEB METRICS: PROVEN METHODS FOR
12 * JIM STERNE
MEASURING WEB SUCCESS.
13 * CHARTE, FRANCISCO PROYECTOS PROFESIONALES. PHP 5

REFERENCIAS WEB

## CÓDIGO DIRECCION ELECTRONICA TITULO

14 W1 WWW.W3C.ORG WORLD WIDE WEB CONSORTIUM - W3C
15 W2 WWW.APACHE.ORG PROYECTO APACHE
16 W3 WWW.PHP.NET EL LENGUAJE PHP
17 W5 WWW.MYSQL.COM HOME SITE DE LA BASE DE DATOS MYSQL
 FACULTAD DE INGENIERÍA
ESCUELA DE INGENIERÍA DE SISTEMAS

INGENIERIA WEB
PERFIL DEL PROYECTO WEB

I. NOMBRE DE LA EMPRESA

Nombre de la Empresa Desarrolladora. El grupo deberá crear una empresa ficticia, asignar el
nombre y crear un logotipo.

II. TITULO DEL PROYECTO

Nombre del Proyecto. Descripción concisa, se debe nombrar la institución beneficiada, si es que
la hubiera.

III. EQUIPO

Apellidos, nombres, email, teléfono/celular y rol a desarrollar en el proyecto. Los equipos no

pueden pasar de 5 alumnos. Los roles sólo pueden ser:
• Jefe de Proyecto
• Diseñador Web
• Desarrollador
• Tester

IV. STAKEHOLDERS Y USUARIOS

• Stakeholders (involucrados en el proyecto), usuarios finales. Indicar sus responsabilidades en el

proyecto, su grado de participación(tareas que realizará).
• Usuarios potenciales, indicar relación de posibles usuarios potenciales del producto y cómo el
producto les beneficiaría.

V. DESCRIPCION DEL PROYECTO

Breve descripción del documento, indicando el porqué se escogió dicho proyecto, los beneficios
que obtendrá la institución beneficiaria. Dicha descripción debe “vender” el producto a
desarrollar.

VI. CARACTERISTICAS DEL PROYECTO

• Características principales de la AppWeb

• Restricciones para implementar el proyecto

VII. ENLACES

• Enlaces a páginas web que se tomarán como referencia o ejemplo para el proyecto.
• Enlaces de información usada para el proyecto.