SILABO: Ingeniería Web

SÍLABO DEL CURSO
FACULTAD DE INGENIERÍA
CARRERA DE INGENIERÍA DE SISTEMAS
1.
INGENIERIA WEB
DATOS GENERALES
1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
Facultad
Carrera Profesional
Departamento
Tipo de Curso
Requisitos
Ciclo de estudios
Duración del curso
Inicio
Término
1.8. Extensión horaria
1.9. Créditos
1.10.Período lectivo
1.11.Docente responsable
:
:
:
:
:
:
:
:
:
:
:
:
:
Ingeniería
Ingeniería de Sistemas
Ingeniería de Sistemas
Obligatorio
Base de Datos
5
18 semanas
19 de Marzo del 2008
16 de julio del 2008
3 horas semanales.
03
2008-1
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
Unidad 1
Introducción a la
Ingeniería Web
1 Semana
Unidad 2
Lenguajes de
Programación para la
Web y Diseño Web.
5 semanas
SEM
Temas
Presentación del sílabo del curso, de la metodología, del sistema de evaluación y de la
bibliografía.
1
Introducción a la Ingeniería Web. Asignación de Proyectos
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.
Presentación de Prototipos de Diseño Web y Modelo de BD (T1)
4
Control de Lectura L2: Web 2.0
5
6
DHTML parte 2: JavaScript
El Modelo DOM.
Implementación de scripts para validación de datos.
El Estándar XML y XSL
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
Calidad Web,
Usabilidad y
Accesibilidad
2 semanas
7
8
9
Unidad 4
Aplicaciones Web
con Software Libre.
7 semanas
Introducción a la Calidad Web.
Evaluación de Usabilidad y Accesibilidad en la Web.
Navegabilidad en aplicaciones Web.
Calidad en el código Web. Estándares de la W3C : HTML, XHTML, CSS.
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
Evaluación de la Calidad del Prototipo (T3)
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
Envío de variables, métodos GET y POST
Diagrama de Navegación
12
Funciones de PHP+MySQL
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.
Proyecto Web. Etapa Final y Documentación. (T5)
16
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:
T
T1
T2
T3
T4
T5
ESPECIFICACIÓN DE TRABAJOS DEL CURSO
Descripción
Presentación de Prototipos de Diseño Web y Modelo de BD
Práctica Calificada sobre Tecnología e Ingeniería Web
Prototipo de la aplicación Web. Primera Etapa
Práctica calificada : Desarrollo de Aplicación con PHP
Proyecto Web. Etapa Final y Documentación.
Semana
4
6
8
14
16
El peso de cada T es:
EVALUACIÓN
T01
T02
T03
T04
T05
TOTAL
PESO
(%)
10
15
20
25
30
100%
ESCALA VIGESIMAL
1,2
1,8
2,4
3,0
3,6
12
Los pesos ponderados de las clases de evaluación son los siguientes:
EVALUACIÓN
PARCIAL
CONTINUA (Ts)
FINAL
TOTAL
PESO
(%)
20
60
20
100%
ESCALA VIGESIMAL
4
12
4
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
PRACTICO. Quinta Edición.
1
005.1/P85
PRESSMAN, ROGER S.
2
005.14/P52
PIATTINI, M.G Y OTROS
3
004.67/K84
KRUG, STEVE
4
005.72/W58
WILLARD, WENDY
5
005.72/R28
RAYA CABRERA, JOSE LUIS; MORENO, HTML 4, GUIA DE REFERENCIA Y TUTORIAL
JOSE A.; LOPEZ, ANTONIO
6
004.62/O71/
2000
ORÓS, JUAN CARLOS
JAVASCRIPT Y CSS 2DA EDICIÓN
AMPLIADA Y ACTUALIZADA
7
*
JAKOB NIELSEN
DESIGNING WEB USABILITY (EN ESPAÑOL)
8
*
MINISTERIO DE TRABAJO Y ASUNTOS
DISEÑO ACCESIBLE DE PAGINAS WEB
SOCIALES - ESPAÑA
9
*
WELLING, LUKE
THOMSON, LAURA
Calidad en el desarrollo y mantenimiento del
software
NO ME HAGAS PENSAR : Una aproximación
a la usabilidad en la web
FUNDAMENTOS DE PROGRACION EN HTML
DESARROLLO WEB CON PHP Y MYSQL
BIBLIOGRAFÍA COMPLEMENTARIA
##
CÓDIGO
10
**
LA BIBLIA DE PHP5 Y MYSQL
*
AUTOR
TIM CONVERSE, JOYCE PARK, CLARK
MORGAN
FITZGERALD, MICHAEL
11
TITULO
12
*
JIM STERNE
WEB METRICS: PROVEN METHODS FOR
MEASURING WEB SUCCESS.
13
*
CHARTE, FRANCISCO
PROYECTOS PROFESIONALES. PHP 5
XML LOS MEJORES TRUCOS
REFERENCIAS WEB
##
14
CÓDIGO
W1
DIRECCION ELECTRONICA
WWW.W3C.ORG
TITULO
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.