1 - Sistemas - Instituto Tecnológico de Hermosillo

1.- Datos de la Asignatura
Nombre: Desarrollo de Sistemas Web
Carrera: Ingeniería en sistemas Computacionales
Clave:
Horas: 3-2-8
2.- Historia del Programa
Lugar y Fecha de Revisión
o Elaboración
Instituto Tecnológico de
Hermosillo del 14 de Mayo
del 2007 al
Participantes
Observaciones
(Cambios y Justificación)
Lic. Francisca Lorena
Zepeda Miramontes
M.C. Jorge David
Gutiérrez Cota
3.- Ubicación de la Asignatura
a) Relación con otras asignaturas del plan de estudio
Anteriores:
Programación Orientada a Objetos
Fundamentos de BD
Redes de Computadora
Programación Web
Posteriores:
b) Aportación de la asignatura al perfil del egresado






Desarrollo y administración de sistemas de información que utilizan las
tecnologías Web en ambientes comerciales.
Conoce software comercial para el desarrollo de aplicaciones comerciales basadas
en ambientes web.
Conoce arquitectura comercial de servidores para el desarrollo e integración Web.
Aplica nuevas tecnologías a la solución de problemas de su entorno laboral.
Compite en el entorno laboral que demande aplicaciones innovadoras y de
tecnología comercial.
4.- Objetivo(s) General(es) del curso
El estudiante conocerá las diferentes tecnologías comerciales para el desarrollo de
sitios y sistemas basados en la Web, aplicando e integrando sus conocimientos en base de
datos.
5.- Temario
Unidad Temas
Sistemas para la creación de
1
páginas Web.
Subtemas
1.1.- Descripción de la Interfaz de
Desarrollo
1.2.- Herramientas de Texto
1.3.- Herramientas de Imagen
1.4.- Hipertexto
1.5.- Tablas
1.6.- Formularios
1.7.- Enlace de los Formularios, Scripts y
Base de Datos.
1.8.- Publicación de Páginas en servidores
basado en software comercial (Vgr.Internet Information Server o IIS).
1.9.- Generalidades y compatibilidad del
servidor basado en software
comercial.
2
Sistemas de Desarrollo para
aplicaciones interactivas y
animaciones
2.1.- Descripción de la Interfaz de
Desarrollo.
2.2.- Importación de objetos hacia el
proyecto.
2.3.- Creando una animación.
2.3.1.- Fotogramas y Fotogramas Clave
2.3.2.- Capas
2.3.3.- Línea de Tiempo
2.3.4.- Escenario y sus propiedades
2.3.5.- Símbolos
2.3.5.1.- Clip de Película
2.3.5.2.- Botones
2.3.5.3.- Gráfico
2.3.6.- Escena
2.3.7.- Botones
2.3.8.- Uso de Action Script para el
control de una película
2.3.9.- Uso de Action Script para la
Introducción y manejo de datos.
2.4.- Publicación.
2.5.- Desarrollo de una aplicación
Interactiva.
3
Enlace a sistema de Base de Datos
MySQL desde aplicaciones
interactivas y animaciones por
medio de PHP-ActionScript.
3.1.- Aplicaciones interactivas y
animaciones con interfase hacia
servidores MySQL por medio de
PHP
3.2.- Conectividad
3.3.- Creación de Altas de registros en
Base de Datos MySQL por medio de
una aplicación interactiva haciendo
interfaz por medio de PHP
3.4.- Creación de Búsquedas de registros
en Base de Datos MySQL por medio
de una aplicación interactiva
haciendo interfaz por medio de PHP
3.5.- Creación de menú de Bajas de
registros en Base de Datos MySQL
por medio de una aplicación
interactiva haciendo interfaz por
medio de PHP
3.6.- Creación de Reportes de registros en
Base de Datos MySQL por medio de
una aplicación interactiva haciendo
interfaz por medio de PHP
4
Enlace a sistema de Base de Datos
SQL Server desde aplicaciones
interactivas y animaciones por
medio de ASP-ActionScript
4.1.- Aplicaciones interactivas y
animaciones con interface hacia
servidores SQL Server por medio de
ASP
4.2.- Conectividad
4.3.- Creación de Altas de registros en
Base de Datos SQL Server por medio
de una aplicación interactiva
haciendo interfaz por medio de ASP
4.4.- Creación de Búsquedas de registros
en Base de Datos SQL Server por
medio de una aplicación interactiva
haciendo interfaz por medio de ASP
4.5.- Creación de menú de Bajas de
registros en Base de Datos SQL
Server por medio de una aplicación
interactiva haciendo interfaz por
medio de ASP
4.6.- Creación de Reportes de registros en
Base de Datos SQL Server por medio
de una aplicación interactiva
haciendo interfaz por medio de ASP
5
Enlace a sistema de Base de Datos
ColdFusion desde aplicaciones
interactivas y animaciones por
medio de ActionScript
5.1.- Aplicaciones interactivas y
animaciones con interface hacia
servidores ColdFusion por medio de
Action Script
5.2.- Conectividad
5.3.- Creación de Altas de registros en
Base de Datos ColdFusion por medio
de una aplicación interactiva
haciendo interfaz por medio de
ACTION SCRIPT
5.4.- Creación de Búsquedas de registros
en Base de Datos ColdFusion por
medio de una aplicación interactiva
haciendo interfaz por medio de
ACTION SCRIPT
5.5.- Creación de menú de Bajas de
registros en Base de Datos
ColdFusion por medio de una
aplicación interactiva haciendo
interfaz por medio de ACTION
SCRIPT
5.6.- Creación de Reportes de registros en
Base de Datos ColdFusion por medio
de una aplicación interactiva
haciendo interfaz por medio de
ACTION SCRIPT
6
AJAX (Asynchronous JavaScript
And XML)
6.1.- Conceptos
6.2.- Ventajas y Desventajas
6.3.- Tecnologías que integran Java Script
6.3.1.- HTML, XHTML y Hojas en
Estilos en Cascadas
6.3.2.- Document Object Model (DOM)
y JavaScript
6.3.3.- XML y XSLT
6.4.- Integración de Tecnologías.
6.5.- Aplicaciones.
6.5.1.- Desarrollo del Motor JavaScript
6.5.2.- Desarrollo de Altas de registros
transparentes al usuario.
6.5.3.- Desarrollo de Búsqueda de
Registros transparentes al
usuario.
6.5.4.- Desarrollo de Bajas de Registros
transparentes al usuario.
6.5.5.- Desarrollo de Modificaciones de
registros transparentes al
usuario.
6.5.6.- Desarrollo de Reportes y
Consultas transparentes al
usuario.
6.- Aprendizajes Requeridos
 Habilidades en el uso de la computadora.
 Experiencia Desarrollando Software Orientado a Objetos.
 Manejo de Sistemas Gestores de Bases de Datos.
 Experiencia en Configuración de Servidores.
 Experiencia en el manejo de HTML, JavaScript y XML.
 Experiencia en el desarrollo de páginas web con interfaz hacia base de datos.
7.- Sugerencias Didácticas
 Uso de un portal de Internet para apoyo didáctico de la materia, el cual cuente por lo
menos con un foro, preguntas frecuentes, material de apoyo y correo electrónico.
 Utilizar software didáctico y software de apoyo.
 Presentar proyectos finales
 Propiciar el uso de terminología técnica adecuada al programa.
 Definir los lineamientos de documentación que deberán contener las tareas y
prácticas.
 Desarrollar de manera conjunta ejemplos de cada uno de los temas.
 Utilizar el aprendizaje basado en problemas, trabajando en grupos pequeños, para
sintetizar y construir el conocimiento necesario para resolver problemas
relacionados con situaciones reales.
 Solicitar al estudiante, la elaboración de los programas ejemplo en la computadora.
 Solicitar al estudiante propuestas de problemas a resolver y que sean significativas
para él.
 Propiciar que el estudiante experimente con diferentes programas encontrados en
revistas, Internet y libros de la especialidad, que lo lleven a descubrir nuevos
conocimientos.
 Fomentar el trabajo en equipo.
 Elaborar de manera conjunta con el estudiante una guía de ejercicios para
actividades extra clase
 Plantear problemas reales para que ellos los representen utilizando los conceptos de
la POO.
 Uso del laboratorio para la elaboración de programas que integren los temas
estudiados.
 Formar equipos de trabajo para la exposición de investigaciones y tareas
 Generar problemas prácticos y completos y solicitar la solución de aplicaciones
utilizando la computadora
 Desarrollo de un proyecto con aplicación real.
8.- SUGERENCIAS DE EVALUACIÓN
 Ponderar tareas
 Participación y desempeño en el aula y el laboratorio.
 Dar seguimiento al desempeño en el desarrollo del programa (dominio de los
conceptos, capacidad de la aplicación de los conocimientos en problemas reales,
transferencia del conocimiento).
 Desarrollo de un proyecto final que integre todas las unidades de aprendizaje.
 Participación en dinámicas grupales
 Actividades de auto evaluación.
 Cumplimiento de los objetivos y desempeño en las prácticas
 Programas asignados como tareas.
 Se recomienda utilizar varias técnicas de evaluación con un criterio de evaluación
específico para cada una de ellas.
9.- UNIDADES DE APRENDIZAJE
UNIDAD 1.- Sistemas para la creación de páginas Web
Objetivo Educacional Actividades de Aprendizaje
El estudiante conocerá
las generalidades y el
uso de los sistemas
para creación de sitios
web.






Buscar y familiarizarse con los diferentes
entornos de desarrollo.
Discutir en grupo acerca de los diferentes
entornos de desarrollo, así como sus ventajas
y desventajas entre ellos y la programación de
código puro.
Participar en foros de discusión y hablar sobre
el tema.
Elegir la herramienta de desarrollo,
considerada la mejor opción.
Desarrollar un mapa personal de la
localización de los objetos que se encuentran
en el entorno de desarrollo utilizado.
Buscar formas alternativas de conseguir los
mismos resultados a las formas vistas en
clases.
Fuentes de
Información
2
UNIDAD 2.- Sistemas de Desarrollo para aplicaciones interactivas y animaciones
Objetivo Educacional Actividades de Aprendizaje
Fuentes de
Información
El estudiante conocerá  Familiarizase con el entorno de desarrollo
1
las generalidades y el
elegido
uso de los sistemas
 Participar en foros de discusión y hablar sobre
para la creación de
las animaciones.
aplicaciones
 Participar en foros de discusión y hablar sobre
interactivas y
las aplicaciones interactivas.
animaciones
 Discutir en grupo las diferentes herramientas
que existen en el momento para crear
aplicaciones interactivas y animaciones para
la web
 Buscar animaciones creadas por gente
talentosa, presentarlas en el grupo y expresar
sobre ellas.
 Buscar aplicaciones interactivas creadas por
gente talentosa, presentarlas en el grupo y
expresar sobre ellas.
UNIDAD 3.- Enlace a sistema de Base de Datos MySQL desde aplicaciones interactivas y
Animaciones por medio de PHP-ActionScript.
Objetivo Educacional Actividades de Aprendizaje
Fuentes de
Información
El estudiante conocerá  Generar aplicaciones haciendo interfaz al
10,11
las diferentes formas
servidor de base de datos MySQL por medio
de comunicar las
de PHP
aplicaciones
 Entrar a foros de discusión que traten sobre las
interactivas a los
aplicaciones interactivas haciendo interfaz al
diferentes sistemas de
servidor de base de datos MySQL por medio
base de datos.
de PHP y participar en ellos.
 Desarrollar un sistema de utilidad y de
aplicación real utilizando MySQL ActionScript-PHP
UNIDAD 4.- Enlace a sistema de Base de Datos SQL Server desde aplicaciones
interactivas y Animaciones por medio de ASP-ActionScript.
Objetivo Educacional Actividades de Aprendizaje
Fuentes de
Información
El estudiante conocerá  Generar aplicaciones haciendo interfaz al
10,11
las diferentes formas
servidor de base de datos SQL Server por
de comunicar las
medio de ASP
aplicaciones
 Entrar a foros de discusión que traten sobre las
interactivas a los
aplicaciones interactivas haciendo interfaz al
diferentes sistemas de
servidor de base de datos SQL Server por
base de datos.
medio de ASP y participar en ellos.
 Desarrollar un sistema de utilidad y de
aplicación real utilizando SQL Server ActionScript-ASP
UNIDAD 5.- Enlace a sistema de Base de Datos ColdFusion desde aplicaciones
interactivas y Animaciones por medio de -ActionScript.
Objetivo Educacional Actividades de Aprendizaje
Fuentes de
Información
El estudiante conocerá
las diferentes formas
de comunicar las
aplicaciones
interactivas a los
diferentes sistemas de
base de datos.



UNIDAD 6.- AJAX (Asynchronous JavaScript And XML)
Objetivo Educacional Actividades de Aprendizaje
El estudiante conocerá
las generalidades e
implementará AJAX
en aplicaciones
cliente-servidor.






10,11,12,13
Generar aplicaciones haciendo interfaz al
servidor de base de datos ColdFusion por
medio de ActionScript.
Entrar a foros de discusión que traten sobre las
aplicaciones interactivas haciendo interfaz al
servidor de base de datos ColdFusion por
medio de ActionScript. y participar en ellos.
Desarrollar un sistema de utilidad y de
aplicación real utilizando ColdFusion ActionScript.
Esquematizar como trabaja AJAX.
Implementar en trabajos pasados tecnología
de Hojas de Estilo en Casada.
Implementar en trabajos pasados tecnología
XML
Buscar en Internet casos en los que se utilice
AJAX, analizar la conveniencia de ellos, así
como las ventajas y desventajas.
Discutir en el salón de clases los casos en los
cuales es conveniente utilizar AJAX y el
porque.
Desarrollar una aplicación de utilidad de una
situación real utilizando AJAX
Fuentes de
Información
3,4,5,6,7,9
10.- FUENTES DE INFORMACION
1.- GUÍA DE APRENDIZAJE MACROMEDIA FLASH MX 2004 PARA WINDOWS Y
MACINTOSH
CATERINE ULRICH 2005. PEARSON.
ISBN 978-842-05-4846-3
2.- GUIA DE APRENDIZAJE MACROMEDIA DREAMWEAVER MX 2004 PARA
WINDOWS Y MACINTOSH
J. TARIN TOWERS. 2005. PEARSON
ISBN 978-842-05-4845-6
3.- Diseño de páginas Web con HTML, JavaScript y CSS/ Juan Carlos Orós. -México: Alfaomega, c2006.
ISBN 970-15-1202-2
4.- XML A TRAVES DE EJEMPLOS/ ABRAHAM
GUTIÉRREZ RODRIGUEZ, ABRAHAM. MEXICO:ALFAOMEGA,
c2001.
ISBN 970-15-0714-2
5.- CURSO DE XML
GREGORIO MARTIN, ISABEL MARTIN BENITEZ. 2005. PEARSON
ISBN 978-842-05-4245-4
6.- JAVASCRIPT NIVEL 2
MARTIN BAIER. 2004. PEARSON
ISBN 978-291-49-4418-2
7.- GUIA DE APRENDIZAJE JAVASCRIPT
TOM NEGRINO. 5 EDICION. 2005 PEARSON
ISBN 978-842-054-646-9
8.- AJAX FOR DUMIES
STEVE HOLZNER. 2006. WILEY PUBLISHING
9.- O’REALLY AJAX
O’REALLY .2006. 2 ED.
10.- ACTION SCRIPT 3.0 COOKBOOK: SOLUTIONS FOR FLASH PLATFORM AND
FLEX APPLICATION DEVELOPERS
JOEY LOTT, DARRON SCHALL, KEITH PETERS. O'REALLY
11.- FLASH 8 ACTIONSCRIPT BIBLE
JOEY LOTT Y ROBERT REINHARDT. 2006. WILEY PUBLISHING, INC.
12.- MACROMEDIA COLDFUSION MX 7 CERTIFIED DEVELOPER STUDY GUIDE
BEN FORTA. 2005. MACROMEDIA PRESS EDITOR.
13.- PROGRAMMING COLD FUSION MX. 2ND EDITION
ROB BROOKS-BILSON, O'REALLY
11.- PRACTICAS
Unidad I.Practica 1.- Desarrollar un sitio web, que sea útil a la sociedad o bien con el cual puedan
expresar el gusto sobre algún tema constructivo.
Practica 2.- Darse de alta en algún servidor de alojamiento de paginas web y subir el
material desarrollado.
Unidad 2.Practica 3.- Desarrollar una aplicación útil y de aplicación real, relacionada con el sitio
creado, vincularlo y subirlo.
Practica 4.- Desarrollar animaciones relacionados con el sitio creado, vincularlo o
empotrarlo (según se requiera) y subirlo.
Unidad 3.Practica 5.- Levantar los servicios de MySQL y PHP.
Practica 6.- Desarrollar un sistema interactivo útil y de aplicación real utilizando PHP y
MySQL, relacionada con el sitio creado, vincularlo y subirlo.
Unidad 4.Practica 7.- Levantar los servicios de SQL Server y ASP.
Practica 8.- Desarrollar un sistema interactivo útil y de aplicación real utilizando ASP y
SQL Server, relacionada con el sitio creado, vincularlo y subirlo.
Unidad 5.Practica 9.- Levantar los servicios de Action Script y ColdFusion.
Practica 10.- Desarrollar un sistema interactivo útil y de aplicación real utilizando Action
Script y ColdFusion, relacionada con el sitio creado, vincularlo y subirlo.
Unidad 6.Practica 11.- Desarrollar una aplicación útil que resuelva una necesidad real utilizando
AJAX, relacionada con el sitio creado, vincularlo y subirlo.