Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01

competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 1 de 14

Tecnolgico Nacional de Mxico

Tecnolgico de Salina Cruz
Subdireccin Acadmica
Instrumentacin didctica para la formacin y desarrollo de competencias
Periodo_______ Agosto - Diciembre 2017____________

Nombre de la asignatura: DESARROLLO NATIVO DE APLICACIONES WEB

Plan de estudios: ITIC-2010-225
Clave de la asignatura: DWB-1402
Horas teora-Horas prctica-Crditos: 1-4-5

1. Caracterizacin de la asignatura

Esta asignatura pertenece al mdulo de especialidad, la cual aporta al perfil del Ingeniero en Tecnologas de la Informacin y Co-
municaciones las habilidades necesarias que le permitirn disear e implementar aplicaciones web mediante el uso de tecnologas
existentes y emergentes basadas en estndares internacionales (World Wide Web Consortium, W3C), para la creacin de solu-
ciones que automaticen procesos organizacionales.

La asignatura de especialidad tiene relacin con las materias de programacin orientada a objetos (unidad 3, clases y objetos),
programacin web, taller de base de datos, ingeniera de software, taller de ingeniera de software, diseo de aplicaciones de para
dispositivos mviles, considerando los conocimientos previos en la identificacin y uso de las frameworks, esto para mejorar la
curva de aprendizaje y la implementacin de proyectos aplicativos.

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 2 de 14

2. Intencin didctica.

El estudio de esta materia se divide en cuatro unidades donde el estudiante conoce y aplica las diferentes herramientas para el
desarrollo de aplicaciones web. En la primera unidad, el estudiante conoce los antecedentes de las herramientas nativas de desa-
rrollo web, la arquitectura cliente-servidor y las tcnicas de transferencia de informacin.

En la segunda unidad, el estudiante conoce y aplica las etiquetas del lenguaje marcado de hipertexto y la importancia que tiene en
la maquetacin de pginas web. En la tercera unidad, el estudiante utiliza un lenguaje del lado del cliente y tcnicas de transferen-
cia de datos para el procesamiento de informacin en el servidor. En la cuarta y ltima unidad, el estudiante disea e implementa
una aplicacin donde utiliza los frameworks y las diferentes capas y niveles

3. Competencia de la asignatura.

Conoce y aplica las distintas herramientas actuales y emergentes para el desarrollo e implementacin de aplicaciones
web.

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 3 de 14

4. Anlisis por competencias especficas.

Valor que aporta a la competen-

Tema Competencia especifica
cia de asignatura
Conoce y analiza las tecnologas nativas para el
Tecnologas nativas de desarrollo web 15
desarrollo web.
Construye proyectos web mediante el uso de un
Estndares de marcado y estilo 15
lenguaje de marcas y estilos avanzados.
Conoce un lenguaje de programacin del lado
Consideraciones de datos
del cliente y disea una aplicacin web.
30

Planifica e implementa un proyecto de aplicacin

Implementacin de una aplicacin web 40
web.

Competencia No.: 1 Tecnologas nativas de desarrollo web. Descripcin: Conoce y analiza las tecnologas nativas
para el desarrollo web.

Temas y subtemas para Desarrollo de Horas teri-

desarrollar la competencia Actividades de Aprendizaje Actividades de enseanza competencias ge- co-prcticas
especifica nricas
Tomar nota de los aspectos Inicio: Capacidad de anli-
importantes de la asignatura. Realiza la presentacin del sis y sntesis, capa-
1.1. Definicin.
curso (explicar el contenido del cidad de organizar y
1.2. La importancia de los Investiga y expone las Tec- curso, objetivos, crditos, for- planificar, comuni- 15
estndares. nologas nativas de desa- mas de evaluacin y todo lo cacin oral y escrita,
rrollo web. concerniente a la asignatura). habilidad para bus-
1.3. Estndares de marcado. Comentar de manera general car y analizar infor-
los conceptos del tema. macin proveniente
ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 4 de 14

1.4. Estndares de estilo. Realiza cuadro sinptico Desarrollo: de fuentes diversas,

donde represente los subte- Formar equipos para realizar trabajo en equipo,
1.5. Tecnologas para dina-
mas expuestos. las siguientes actividades: habilidades de in-
mismo. - Solicitar la exposicin del vestigacin, capaci-
Realiza Tabla comparativa subtema. dad de aprender,
1.6. Tecnologas para la
de las diferentes tecnologas - Solicitar cuadro sinptico capacidad de gene-
transferencia de datos entre el nativas para el desarrollo de donde representen los subte- rar nuevas ideas
aplicaciones bajo entorno mas expuestos. (creatividad), habili-
cliente y servidor.
web. -Solicitar tabla comparativa de dad para trabajar en
1.7. Tecnologas del lado del las diferentes tecnologas nati- forma autnoma,
Elaborar un anlisis de re- vas para el desarrollo de apli- bsqueda del logro.
servidor.
querimiento para el desarrollo caciones web.
1.8. Estndares para almace- del proyecto final de la asig- Solicitar anlisis de requeri-
natura. mientos del proyecto final.
namiento y organizacin de
Cierre:
datos. Retroalimentar conceptos
respecto al tema.

Valor del
Indicadores de Alcance
Indicador
A. Investiga y expone Tecnologas nativas de desarrollo web. 40
B. Elige un problema del entorno para su anlisis de requerimientos. 30
C. Resume Tecnologas nativas de desarrollo web. 15
D. Compara las diferentes tecnologas nativas para el desarrollo de aplicaciones web. 15

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 5 de 14

Niveles de desempeo:

Valoracin
Desempeo Nivel de desempeo Indicadores de Alcance
numrica
Cumple en su totalidad con los indicadores de
Competencia alcanzada Excelente 95-100
alcance de manera notable a excelente.
Cumple A, B, C en su totalidad con los indicado-
res de alcance de manera parcial de forma no-
Notable 85-94
table a excelente, cumple con D de forma sufi-
ciente.
Cumple A, B, C o D en su totalidad con los indi-
Bueno cadores de alcance de manera parcial de forma 75-84
bueno a notable.
Cumple A, B, C de manera parcial con desem-
Suficiente 70-74
peo bueno.
Competencia no alcanzada No se cumple de manera suficientemente con el NA (No Alcan-
Insuficiente
100% de evidencias. zada)

Matriz de evaluacin

Indicador de alcance
Evidencia de aprendizaje % Evaluacin formativa de la competencias
A B C D
Exposicin 40 X Evaluar con rubrica
Cuadro sinptico 15 X Evaluar en plenaria
Propuesta de proyecto 30 X Evaluar con lista de cotejo
Tabla comparativa 15 X Evaluar mediante una rbrica.

Total 40 30 15 15

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 6 de 14

Competencia No.: 2 Estndares de marcado y estilo. Descripcin: Construye proyectos web mediante el uso de
un lenguaje de marcas y estilos avanzados.

Temas y subtemas para
desarrollar la competencia
especifica
2.1. Lenguaje de marcado de Tomar nota de los aspectos Inicio:
hipertextos.
2.1.1. Definicin.
2.1.2. Versin y estado actual.
2.1.3. Caractersticas y diferen-
cias con versiones anteriores.
2.1.4. Importancia de la evolu- tersticas de las versiones de Expone ejemplos y solicita
cin.
2.2. Lenguaje extendido de Realizar una biblioteca de
marcado de hipertexto.
2.3. Hojas de estilo avanzadas.
2.4. POO con CSS.
2.5. Maquetacin.
2.6. Diseo web adaptable.
2.7. Media-queries.
2.8. Ejemplos prcticos.
Horas
Actividades de Desarrollo de compe- terico-
Actividades de enseanza
Aprendizaje tencias genricas prcticas
Capacidad de anlisis y
importantes de la asignatura. Realiza preguntas al grupo sntesis, capacidad de
sobre los conocimientos organizar y planificar,
Elaborar tabla comparativa preleminares. comunicacin oral y es-
donde clasifique la versin Desarrollo: crita, habilidad para bus-
del lenguaje html. Solicita tabla comparativa. car y analizar informa-
cin proveniente de
Elaborar cuadro sinptico Solicita un cuadro sinptico. fuentes diversas, trabajo
donde represente las carac- en equipo, habilidades,
habilidades de investiga-
las hojas de estilo. que elaboren una biblioteca cin, capacidad de
de estilos. aprender, capacidad de 20
generar nuevas ideas
estilos utilizando las CSS Cierre: (creatividad), habilidad
OO. Retroalimentar conceptos para trabajar en forma
respecto al tema. autnoma, bsqueda del
Representa la maquetacin Solicita la maquetacin de logro.
de las vistas de su proyecto a las vistas en prototipos de
realizar mediante prototipos pantalla.
de ventanas y la estructura
mediante el lenguaje de mar-
cado.

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 7 de 14

Valor del
Indicadores de Alcance
Indicador
A. Compara cada una de las versiones del lenguaje de marcado HTML. 20
B. Clasifica las versiones de hojas de estilo y sus caractersticas. 20
C. Construye su biblioteca de estilo para el desarrollo del proyecto final. 20
D. Representa mediante un prototipo el resultado de sus vistas de diseo. 40

Niveles de desempeo:

Valoracin
Desempeo Nivel de desempeo Indicadores de Alcance
numrica
Cumple en su totalidad con los indicadores de
Competencia alcanzada Excelente 95-100
alcance de manera notable a excelente.
Cumple B, C y D en su totalidad con los indica-
dores de alcance de manera parcial de forma
Notable 85-94
notable a excelente, cumple con A de forma
bueno.
Cumple B, C y D en su totalidad con los indica-
dores de alcance de manera parcial de forma
Bueno 75-84
bueno a notable, cumple con A de forma sufi-
ciente.
Cumple A, B, C y D de manera parcial con
Suficiente 70-74
desempeo suficiente.
Competencia no alcanzada No se cumple de manera suficientemente con el NA (No Alcan-
Insuficiente
100% de evidencias. zada)

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 8 de 14

Matriz de evaluacin

Indicador de alcance
Evidencia de aprendizaje % Evaluacin formativa de la competencias
A B C D
Tabla comparativa 20 X Evaluar con rubrica
Cuadro sinptico 20 X Evaluar con rubrica
Biblioteca 20 X Evaluar en plenaria
Prototipo y estructura de las vistas de diseo 40 X Evaluar en plenaria.

Total 20 20 20 40

Competencia No.: 3 Consideraciones de datos. Descripcin: Conoce un lenguaje de programacin del lado
del cliente y disea una aplicacin web.

Temas y subtemas para
desarrollar la competencia
especifica
3.1. Lenguajes del lado del
cliente con acceso a CSS.
3.2. Tcnicas de transferencia
de datos.
3.3 Procesamiento de informa-
cin en el servidor.
ITSAL-AC-PO-003-01
Horas
Actividades de Desarrollo de compe- terico-
Actividades de enseanza
Aprendizaje tencias genricas prcticas
Tomar nota de los aspec- Inicio: Capacidad de anlisis y
tos importantes de la asig- Realiza preguntas al grupo sntesis, capacidad de
natura. sobre los conocimientos organizar y planificar,
preleminares. comunicacin oral y es-
Realiza casos prcticos Desarrollo: crita, habilidad para bus-
utilizando estilos dinmicos Muestra ejemplos utilizando car y analizar informa-
en el lado del cliente. estilos dinmicos en el lado cin proveniente de 20
del cliente y entrega ejercicios fuentes diversas, trabajo
Realiza casos prcticos al participante. en equipo, habilidades
utilizando herramientas en de investigacin, capaci-
tiempo real para la transfe- Muestra ejemplos utilizando dad de aprender, capa-
rencia de datos.. herramientas en tiempo real cidad de generar nuevas
para la trasferencia de datos y ideas (creatividad), habi-
Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 9 de 14

Realiza casos prcticos entrega ejercicios al participan- lidad para trabajar en

que procesen informacin
del lado del servidor, selec-
cionando un lenguaje de
programacin del lado ser-
vidor.
te. forma autnoma, bs-
queda del logro.
Muestra ejemplos que proce-
sen informacin del lado del
servidor y entrega ejercicios al
participante.

Cierre:
Retroalimentar conceptos
respecto al tema.

Valor del
Indicadores de Alcance
Indicador
A. Resuelve casos prcticos utilizando estilos dinmicos en el lado del cliente. 30
B. Soluciona casos prcticos utilizando herramientas en tiempo real para la transferencia de datos. 30
C. Realiza casos prcticos que procesen informacin del lado del servidor. 40

Niveles de desempeo:

Valoracin
Desempeo Nivel de desempeo Indicadores de Alcance
numrica
Cumple en su totalidad con los indicadores de
Competencia alcanzada Excelente 95-100
alcance de manera notable a excelente.
Cumple A, B y C en su totalidad con los indica-
Notable dores de alcance de manera parcial de forma 85-94
notable a excelente, cumple con A de forma

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 10 de 14

bueno.
Cumple A y C en su totalidad con los indicado-
res de alcance de manera parcial de forma
Bueno 75-84
bueno a notable, cumple con A de forma sufi-
ciente.
Cumple A, B y C de manera parcial con
Suficiente 70-74
desempeo suficiente.
Competencia no alcanzada No se cumple de manera suficientemente con el NA (No Alcan-
Insuficiente
100% de evidencias. zada)

Matriz de evaluacin

Indicador de alcance
Evidencia de aprendizaje % Evaluacin formativa de la competencias
A B C D
Prcticas 1 30 X Evaluar en plenaria
Prcticas 2 30 X Evaluar en plenaria
Proyecto del Tema 40 X Evaluar en plenaria

Total 30 30 40

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 11 de 14

Competencia No.: 4 Implementacin de una aplicacin Descripcin: Planifica e implementa un proyecto de aplica-
web. cin web.

Horas
Temas y subtemas para
Actividades de Actividades de Desarrollo de terico-
desarrollar la competencia
Aprendizaje enseanza competencias genricas prcticas
especifica
Tomar nota de los aspec- Inicio: Capacidad de anlisis y
4.1. Aspectos del diseo de tos importantes de la asig- Realiza preguntas al sntesis, capacidad de or-
aplicaciones. natura. grupo sobre los ganizar y planificar, comu-
4.2. Desarrollo de la capa de conocimientos prelemina- nicacin oral y escrita, habi-
almacenamiento. Realiza reporte del pro- res. lidad para buscar y analizar
4.3. Desarrollo de la capa de yecto final. Desarrollo: informacin proveniente de
presentacin. Solicita reporte del proyec- fuentes diversas, trabajo en
4.4. Desarrollo de la capa de Realiza el proyecto final to final. equipo, habilidades de in-
negociacin. aplicando las 3 capas de vestigacin, capacidad de
25
diseo. Cierre: aprender, capacidad de
Retroalimentar conceptos generar nuevas ideas (crea-
respecto al tema. tividad), habilidad para tra-
bajar en forma autnoma,
Explica un ejemplo donde bsqueda del logro.
se aplique el diseo de las
3 capas y solicita el desa-
rrollo del proyecto mediante
este diseo .

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 12 de 14

Valor del
Indicadores de Alcance
Indicador
A. Desarrolla la representacin de los diagramas de clases. 40
B. Elabora diseo e implementa el proyecto final desarrollndolo con base a un modelo.. 60

Niveles de desempeo:

Valoracin
Desempeo Nivel de desempeo Indicadores de Alcance
numrica
Cumple en su totalidad con los indicadores de
Competencia alcanzada Excelente 95-100
alcance de manera notable a excelente.
Cumple A y B en su totalidad con los indicado-
res de alcance de manera parcial de forma no-
Notable 85-94
table a excelente, cumple con A de forma
bueno.
Cumple A y B en su totalidad con los indicado-
Bueno res de alcance de manera parcial de forma 75-84
bueno a notable.
Cumple A y B de manera parcial con desem-
Suficiente 70-74
peo suficiente.
Competencia no alcanzada No se cumple de manera suficientemente con el NA (No Alcan-
Insuficiente
100% de evidencias. zada)

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 13 de 14

Matriz de evaluacin

Indicador de alcance
Evidencia de aprendizaje % Evaluacin formativa de la competencias
A B
Reporte del proyecto 40 X Evaluar en plenaria
Aplicacin 60 X Evaluar en plenaria

Total 40 60

5. Fuentes de informacin y apoyo didcticos.

Fuentes de Informacin: Apoyos didcticos:

Hudson C. y Leadbetter T., (2012). HTML5 Developers
Cookbook. U.S. Pearson Education. Gestin del Curso
Borrador
Williams L. (2012). Learning HTML5 Game Programming. Plumones para pizarrn
U.S. PearsonEducation Internet
Fuentes de informacin
Amundsen M. (2012). Hypermedia APIs with HTML5 and Laptop
Node. U.S. OREILLY Proyector
Memoria USB
Crowther R. (2013). Hello! HTML5 and CSS3. U.S. Manning
Publications

Lerma-Blasco, Ral V. (2013). Aplicaciones web: grado me-

dio. Mxico. Mc Graw Hill.

ITSAL-AC-PO-003-01 Rev. 2
 Instrumentacin Didctica para la formacin y desarrollo de Cdigo: ITSAL-AC-PO-003-01
competencias
Revisin: 2
Referencia a la Norma ISO 9001:2008 7.1, 7.2.1, 7.5.1, 7.6 Pgina 14 de 14

6. Calendarizacin de evaluacin en semanas (6):

Semana 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
ED EF1 EF2 EF3 EF4
TP EF1
EF1
ES
EF2 EF2 EF2
ES
EF3 EF3 EF3
ES
EF4 EF4 EF4 EF4
ES
TR
SD 1er 2do 3er

TP= Tiempo planeado TR= Tiempo real SD= Seguimiento departamental.

ED= Evaluacin diagnostica EFn= Evaluacin formativa (competencia especifica n) ES= Evaluacin sumativa

Fecha de elaboracin: 17 de agosto del 2017

Jos Luis Fuentes Ortiz M.I. Mario Guillermo Villalobos de la Cruz

Nombre y Firma del profesor Nombre y firma del Jefe de

Departamento Acadmico

ITSAL-AC-PO-003-01 Rev. 2