Estudio para la apertura de la especialidad de:

Ingeniera en Sistemas Computacionales

(ISIC-2010-224)

129

Direccin General de Educacin Superior Tecnolgica


1. Datos Generales de la asignatura
Nombre de la asignatura:
Clave de la asignatura:
Crditos (Ht-Hp_ crditos):
Carrera:

Diseo Web

DAB-1301

1-4-5

Ingeniera en Sistemas Computacionales

2. Presentacin

Caracterizacin de la asignatura
Esta asignatura aporta al perfil del Ingeniero en Sistemas Computacionales
conocimientos suficientes para el Diseo en ambiente web, integrando diferentes
conceptos, tcnicas, herramientas y tecnologas, para apoyar la productividad y
competitividad de las organizaciones cumpliendo con estndares de calidad, lo que
permite integrar soluciones computacionales accesibles y visualmente atractivas en
diferentes contextos.

Para abordar de manera adecuada los contenidos de sta asignatura son necesarios
los conocimientos de Tpicos Avanzados de Programacin, Administracin de Bases de
Datos e Ingeniera de Software.


Intencin didctica

La asignatura debe ser abordada desde un enfoque terico prctico, en donde el
estudiante podr identificar y aplicar los diferentes conceptos, tcnicas, estndares,
lenguajes, herramientas y tecnologas, para la creacin de aplicaciones y sitios web
accesibles y visualmente atractivos. Los temas del curso comprenden los siguientes
aspectos:

En el primer tema, Maquetacin y HTML, se identifican los principios enfocados a los
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

130

estilos propios del diseo web, arquitecturas, componentes y funcionamiento para la
creacin de aplicaciones y sitios web visualmente atractivos.

El segundo tema, Tecnologas visuales y estructuras de datos auxiliares, permite
identificar y aplicar herramientas case y estndares, para la optimizacin y
generacin de aplicaciones web y mviles.

El tema tres, Aplicacin de diseo, permite realizar el anlisis de requerimientos y la
ingeniera de diseo para utilizarlos en las aplicaciones y sitios web que se estn
desarrollando.

En el cuarto tema, Desarrollo potenciales de ltima generacin, se aplican las
competencias adquiridas en los tres temas anteriores, para la realizacin de una
aplicacin o sitio Web visualmente atractivo (proyecto integrador).

3. Participantes en el diseo y seguimiento curricular del programa

Lugar y fecha de
elaboracin o revisin

Participantes

Observaciones

Macuspana, Tabasco.
Noviembre 15, 2012.
Academia de Sistemas
Computacionales del
Instituto Tecnolgico
Superior de Macuspana.
Reunin para la elaboracin
de las asignaturas de la
Especialidad

4. Competencias a desarrollar

Competencia general de la asignatura

Identifica y aplica tcnicas, arquitecturas, estndares y herramientas, para crear
aplicaciones y sitios web, visualmente atractivos y ergonmicos como soluciones
informticas en las organizaciones.


Competencias especficas
Identifica y aplica los principios enfocados a los estilos propios del diseo web,
arquitecturas, componentes y funcionamientos para la creacin de aplicaciones y
sitios web visualmente atractivos y ergonmicos.
Identifica y aplica herramientas case y estndares para la creacin de aplicaciones
o sitios web visualmente atractivos, desde diferentes entornos de desarrollo.
Realiza el anlisis de requerimientos, propuesta de diseo e ingeniera de diseo
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

131

web, para la creacin de aplicaciones y sitios web, visualmente atractivos y
ergonmicos.
Crea e implementa aplicaciones y sitios web visualmente atractivos y ergonmicos
basados en estndares de diseos, como soluciones informticas en las
organizaciones.

Competencias genricas

Capacidad de anlisis y sntesis.
Habilidad para buscar y analizar informacin proveniente de fuentes diversas.
Capacidad de aplicar los conocimientos en la prctica.
Capacidad de comunicarse con profesionales de otras reas.
Preocupacin por la calidad.
Compromiso tico.
Trabajo en equipo.
Capacidad de organizar y planificar.
Comunicacin oral y escrita en su propia lengua.
Bsqueda del logro.


5. Competencias previas de otras asignaturas

Competencias previas

Tpicos Avanzados de Programacin (SCD-1027) (Competencia general):
Desarrollar soluciones de software utilizando programacin concurrente,
programacin de eventos, que soporte interfaz grfica e incluya dispositivos
mviles.

Administracin de Bases de Datos (SCB-1001) (Competencia general):

Seleccionar SGBD para la implementacin y administracin de sistemas de bases
de datos, aplicando esquemas de seguridad, rendimiento y alta disponibilidad en
distintas plataformas, optimizando los recursos econmicos y la infraestructura
tecnolgica disponible en las organizaciones.

Ingeniera de Software (SCD-1011) (Competencia general):

Desarrollar soluciones de software considerando los aspectos del modelo de
negocios, mediante la aplicacin de la metodologa adecuada a la naturaleza del
problema.

Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

132


6. Temario

Temas
Subtemas
No.

Nombre
1.


Maquetacin y HTML
1.1. HTML aspectos prcticos.
1.2. Pginas de estilos.
1.3. Hojas de estilo de cascadas.
1.4. Arquitecturas JavaScript.
1.5. Web orientado a mviles.






2.






Tecnologas visuales y estructuras
de datos auxiliares web.
2.1. Herramientas CASE para diseo web.
2.2. Diseos dinmicos para los sitios Web.
2.3. Cdigos potenciales como vistas de
diseo.
2.4. Estructuras de datos en las
herramientas CASE.
2.5. Estndares de terminado de un diseo
Web.
2.6. Optimizacin de bsquedas en
navegadores.
2.7. Emuladores de diseo mviles Web.



3.




Aplicacin de diseo
3.1. Anlisis de requerimientos.
3.2. Trazado de propuestas de diseos.
3.3. Ingeniera de Diseo Web.
3.4. Ajustes y correcciones de Prueba.
3.5. Puesta en lnea el diseo Web.


4.



Desarrollo potenciales de ltima
generacin
4.1. Propuesta de proyecto Integrador.
4.2. Seguimientos de desarrollo.
4.3. Pruebas de Ingeniera.
4.4. Entrega del sitio propuesta.


7. Actividades de aprendizaje
Competencia especfica y genricas (a desarrollar y fortalecer por tema)
Especfica:
Identifica y aplica los principios enfocados a los estilos propios del diseo web,
arquitecturas, componentes y funcionamientos para la creacin de aplicaciones y
sitios web visualmente atractivos y ergonmicos.
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

133


Genricas:
Capacidad de anlisis y sntesis.
Habilidad para buscar y analizar informacin proveniente de fuentes diversas.
Capacidad de aplicar los conocimientos en la prctica.
Capacidad de comunicarse con profesionales de otras reas.
Comunicacin oral y escrita en su propia lengua.
Bsqueda del logro.
Compromiso tico.
Trabajo en equipo.
Capacidad de organizar y planificar.

Tema Actividades de aprendizaje










1.-Maquetacin y HTML

Fuentes de Informacin
( 2,3,4,6,10,22,23 )
Elaborar una lnea de tiempo sobre la
evolucin de la Interfaz de Usuario.
Investigar en diversas fuentes de
informacin los tipos y caractersticas
de las diversas Interfaz de Usuario,
elaborando un cuadro sinptico.
Investigar en diversas fuentes de
informacin que es HTML, sus
caractersticas, ventajas y desventajas,
elaborando un mapa conceptual.
Investigar en diversas fuentes de
informacin el concepto y caracterstica
de pginas de estilos y hojas de estilos
de cascadas, elaborando un cuadro de
caractersticas.
Elaborar un mapa mental de la
arquitectura JavaScript.
Formar mesas de discusin de los
temas investigados con la finalidad de
enriquecer el conocimiento.
Investigar en diversas fuentes de
informacin que es la Web orientado a
mviles, y presentar un informe.

Competencia especfica y genricas (a desarrollar y fortalecer por tema)
Especfica:
Identifica y aplica herramientas case y estndares, para creacin de aplicaciones
y sitios web visualmente atractivos y ergonmicos, desde diferentes entornos de
desarrollo.
Genricas:
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

134

Capacidad de anlisis y sntesis.
Habilidad para buscar y analizar informacin proveniente de fuentes diversas.
Capacidad de aplicar los conocimientos en la prctica.
Capacidad de comunicarse con profesionales de otras reas.
Comunicacin oral y escrita en su propia lengua.
Bsqueda del logro.
Compromiso tico.
Trabajo en equipo.
Capacidad de organizar y planificar.

Tema Actividades de aprendizaje

2.- Tecnologas visuales y estructuras de
datos auxiliares web.

Fuentes de Informacin
(1,2,3,4,5,6,8,10,15,22,23)
Investigar en diversas fuentes de
informacin sobre la historia,
caractersticas, ventajas, desventajas y
aplicacin de las diferentes
herramientas CASE que se pueden
utilizar para la creacin y edicin para
el Diseo WEB para su optimizacin y
funcionamiento, formulando un cuadro
sinptico de las mismas.
Investigar en diversas fuentes de
informacin las caractersticas de los
diferentes tipos de estndares y su
aplicacin, elaborando un cuadro de
caractersticas.
Investigar en diversas fuentes de
informacin el significado de Gua de
diseo, generar un mapa conceptual.
Presentacin y discusin grupal de los
mapas conceptuales elaborados.
Investigar en diversas fuentes de
informacin las diferentes tecnologas
que puede interactuar con un sitio Web
para su optimizacin y funcionamiento,
elaborando un mapa mental.
Formar mesas de discusin de los
temas investigados con la finalidad de
enriquecer el conocimiento.

Competencia especfica y genricas (a desarrollar y fortalecer por tema)
Especfica:
Realiza el anlisis de requerimientos, propuesta de diseo e ingeniera de diseo
web, para la creacin de aplicaciones y sitios web, visualmente atractivos y
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

135

ergonmicos.
Genricas:
Capacidad de anlisis y sntesis.
Habilidad para buscar y analizar informacin proveniente de fuentes diversas.
Capacidad de aplicar los conocimientos en la prctica.
Capacidad de comunicarse con profesionales de otras reas.
Comunicacin oral y escrita en su propia lengua.
Bsqueda del logro.
Compromiso tico.
Trabajo en equipo.
Capacidad de organizar y planificar.

Tema Actividades de aprendizaje



3.- Aplicacin de diseo
Fuentes de Informacin
(3,4,6,15,18,19,20,21,22,23)
Investigar en diversas fuentes de
informacin sobre los requerimientos
de desarrollo de aplicaciones y sitios
web, elaborando un mapa conceptual.
Elaborar un mapa mental sobre la
Ingeniera de Desarrollo Web.
Presentacin y discusin grupal de los
mapas conceptuales y mentales
elaborados.
Elaborar un cuadro sinptico de las
diversas pruebas que se le deben de
realizar a una aplicacin o sitio web que
se diseo.
Investigar en diversas fuentes de
informacin sobre las formas de realizar
registr y posicionamiento de sitios
WEB, elaborando un informe para su
discusin grupal.
Investigar proveedores y costos de
hosting y dominio, elaborando un
cuadro comparativo.
Elaborar un informe tcnico de la
propuesta de Diseo Web.

Competencia especfica y genricas (a desarrollar y fortalecer por tema)
Especfica:
Crea e implementa aplicaciones y sitios web visualmente atractivos y
ergonmicos basados en estndares de diseos, como soluciones informticas
en las organizaciones.
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

136

Genricas:
Capacidad de anlisis y sntesis.
Habilidad para buscar y analizar informacin proveniente de fuentes diversas.
Capacidad de aplicar los conocimientos en la prctica.
Capacidad de comunicarse con profesionales de otras reas.
Comunicacin oral y escrita en su propia lengua.
Bsqueda del logro.
Compromiso tico.
Trabajo en equipo.
Capacidad de organizar y planificar.

Tema Actividades de aprendizaje

4.- Desarrollo potenciales de ltima
generacin
Fuentes de Informacin
(1,2,3,4,5,6,7,8,9,10,11,
12,13,14,15,16,17,18,19,20,21,22,23,24)
Aplicar de manera prctica el uso de
diferentes tcnicas, arquitecturas,
estndares y herramientas de diseo
Web, creando una aplicacin o sitio
Web.
Elaborar un informe tcnico de las
pruebas realizadas a la aplicacin o
sitio Web que se diseo.
Implementar la aplicacin o sitio web
creado, en un web host (alojamiento
web o web hosting).
Elaborar la documentacin especifica
sobre la aplicacin o sitio web que se
creo, utilizando la estructura que el
docente les proporcione.

Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

137

8. Prcticas (para fortalecer las competencias de los temas y de la asignatura)
1. Disear pginas web desde bloc de notas.
2. Crear sitio web empleando tablas.
3. Crear sitio web utilizando frames.
4. Crear sitio web utilizando DIV.
5. Crear hojas de estilos en cascadas para aplicarlas en aplicaciones o sitios Web.
6. Validar sitios webs mediante arquitectura JavaScript.
7. Instalar y emplear herramientas case para crear sitios web.
8. Instalar y emplear herramientas case para crear animaciones para la web.
9. Crear sitios webs desde diferentes compiladores.
10. Crear una aplicacin o sitio web con base a reglas y estndares, dirigida a una
tendencia actual e-commerce, e-bussnies y e-learning
11. Implementar la aplicacin o sitio web, en un web host (alojamiento web o web
hosting).


9. Proyecto integrador (Para fortalecer las competencias de la asignatura con otras
asignaturas)

El proyecto integrador debe considerar las siguientes fases:

Contextualizacin y/o diagnstico
Fundamentacin
Planeacin
Ejecucin
Evaluacin
Socializacin

Debe integrar las competencias de las asignaturas que los estudiantes estn cursando
en el periodo semestral y tomar como base las competencias de asignaturas sealadas
como previas.
El proyecto integrador debe tener un criterio de evaluacin.


10. Evaluacin por competencias (especficas y genricas de la asignatura)

Para efecto de diagnstico inicial, el docente realizar una evaluacin diagnstica que le
permita ajustar su instrumentacin didctica. A efecto de evaluar que el estudiante haya
adquirido las competencias del curso, deber contemplar evaluaciones formativas y
sumativas, las cuales sern en diferentes mbitos como heteroevaluacin,
autoevaluacin y coevaluacin. Todo ello comprobable mediante un portafolio de
evidencias de preferencia en formato digital.

Instrumentos:
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

138

Cuadro de caractersticas.
Mapa mental.
Mapa conceptual.
Cuadro comparativo.
Cuadro sinptico.
Informe tcnico.
Informe analtico.
Prcticas.
Reportes.
Examen escrito.
Propuesta a empresa para mantener la integridad en la gestin de la informacin
(proyecto integrador).

Herramientas:

Lista de cotejo.
Rbrica.
Memoria del evento.
Manual de prcticas.


11. Fuentes de informacin (actualizadas considerando los lineamientos de la APA*)
1. Francisco Charte Ojeda. PHP 5. ANAYA MULTIMEDIA, ISBN: 8441517703. ISBN-13:
9788441517707

2. Lpez Jos. Domine HTML y DHTML. Alfa Omega, ISBN 970-15-0876-9.

3. Soria Ramn. Diseo y Creacin de Paginas Web HTML 4.0. Alfa Omega.

4. Oros Juan Carlos. Diseo de paginas Web Interactivas con JavaScript y CSS. Alfa
Omega, ISBN 970-15-0802-5.
5. Froufe Agustn. Java Server Pages, Manual de Usuario y Tutorial. Alfa Omega, ISBN
970-15-0796-7.

6. Weinman Lynda. Diseo Creativo HTML. Pearson ISBN 970-260-2734
7. Chase. Active Server Page 3.0, Serie Prctica. Pearson ISBN 84-2052-946.

8. Paul Lomax. Learning VBScript. Oreilly ISBN 1-56592-247-6.
9. Susanne Clark, Antonio De Dantis, Adrian Kigsley-Hughes. VB Script: Programmers
Referente. Wrox Press Inc.

10. Hathleen Halata. Internet Programming with VBScript and JavaScript. Course
Technology ISBN 0-619-01523-3.

11. Lovejoy Eliah. ASP Guia Esencial. Pearson ISBN 84205-3330-0.
Estudio para la apertura de la especialidad de:
Ingeniera en Sistemas Computacionales
(ISIC-2010-224)

139

12. Payne Chris. Aprendiendo ASP.NET en 21 dias. Pearson ISBN 97-0260-340-4.

13. Tavistock Hougland. JSP Guia Esencial. Pearson ISBN 84-2053-332-7.
14. Hall Marty. Servlets y Java Server Pages. Pearson ISBN 970-260-118-5.

15. Tabor Robert. Servicios Web XML de Microsoft.NET. Pearson ISBN 84-2053-4706.

16. Castro. XML Guia de Aprendizaje. Pearson ISBN 84-205-3151-0.
17. Cauldwell. Profesional Web Services. Wrox Press Ltd. ISBN 186100-509.

18. Booch G. El lenguaje Unificado de Modelado, UML 2.0, Guia de Usuario. 1. Edicin.
Ed. Pearson ADDISON-WESLEY. Espaa. 2006.

19. Cota, A. Ingeniera de Software: Soluciones Avanzadas. 2. Edicin. Ed. Oxford.
Mxico. 2000.

20. Kendall E. K., Anlisis y Diseo de sistemas. 1. Edicin. Prentice Hall. Mxico.
2005.

21. Pressman, R.S. Ingeniera del Software un enfoque prctico. Mxico. Mc Graw- Hill.
Madrid, Espaa. 2008.

22. M. Schafer, Steven. HTML, XHTML, and CSS Bible. Wiley Publishing Inc.

23. Bowers, Michael. Pro CSS and HTML Design Patterns. Ed. Apress.

24. Nixon, Robin. Learning PHP, MySQL, and JavaScript: A Step-By-Step Guide to
Creating Dynamic Websites. Ed. OReilly.


* American Psychological Association (APA)