Вы находитесь на странице: 1из 23

Secretaría de Educación Pública

Subsecretaría de Educación Media Superior


Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
ESTRATEGIAS CENTRADAS EN EL APRENDIZAJE.

A) IDENTIFICACIÓN (1)
Institución: DGETI
Resultado de Profesor(es): M.A. REBECA VELÁZQUEZ MONTENEGRO CBTis #119
aprendizaje ING. PAULA DELHI SOLÍS QUEZADA CBTis #137
Al finalizar el módulo el estudiante será capaz de:
ING. OSCAR TORO MARTÍNEZ CBTis #234
Desarrollar aplicaciones Web ING. MARÍA REYNA IRACHETA GARCÍA CBTis #164
M.A. MA. GUADALUPE PALOMO SÁNCHEZ CBTis #275
M.C.A. LIC. MARÍA GUADALUPE SANDOVAL LARA CBTis #73
Módulo III Periodo de Febrero-
Asignatura/ Julio 2016
Desarrolla Aplicaciones Web y Móviles aplicación: Enero 2016
Módulo o Semestre: 4 Carrera: Programación Duración en Fecha:
Sub Modulo 1
Submódulo: Desarrolla Aplicaciones Web horas: 144

B) INTENCIONES FORMATIVAS

1. Diseña Interfaces 2.- Desarrolla Aplicaciones WEB Estáticas 3.- Desarrolla Aplicaciones WEB Dinámicas

Tema integrador: Otras asignatura:, módulos o submódulos que trabajan el


Aplicaciones Web al Cliente tema integrador Desarrollo de Aplicaciones Móviles

Asignatura, Módulo y/o submódulos con los que se Desarrollo Software Utilizando POO con almacenamiento persistente de los datos
relacionan

Propósito del módulo y del submódulo:(deben dar respuesta ¿para qué estoy proponiendo esto? Campo de aplicación: Tecnologías de la Información y Comunicación
¿Qué pretendo lograr con los estudiantes?).
Desarrollar sitios web de acuerdo con los estándares internacionales establecidos de diseño y Nivel: de Competencia: Nivel 2
desarrollo web, atendiendo los requerimientos del usuario, para mostrar y actualizar la información

Academia: Programación Página 1


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
contenida en las páginas web, incluyendo la de las bases de datos asociadas, sin importar la
localización física del usuario.
Categorías: (2)

Espacio() Energía() Diversidad(X) Tiempo(X) Materia()

(1) Aplicable para los tres componentes: básico, propedéutico y profesional.


(2) Aplicable para los componentes: básico y propedéutico.
(3) Aplicable para el componente profesional.

Secuencia 1
RESULTADO DE APRENDIZAJE : Al finalizar el Modulo el Alumno será capaz de Diseñar Interfaces y Desarrollar Aplicaciones WEB estáticas y Dinámicas

Contenidos facticos:(2) Conceptuales

Conceptos Fundamentales Conceptuales o Fáticos: (Anotar los contenidos de Conceptos Subsidiarios


acuerdo a las competencias utilizando verbos operativos medibles.)
- Interfaz GUI - Sitio WEB
- Pagina WEB Estatica - Servidor WEB
- Hospedaje y Dominio
- Interfaces
- HTML
- WWW
- CSS
Contenidos metodológicos o procedimentales: (2) describen la competencia a desarrollar.

- Realiza el diseño de la interfaz de una aplicación web


- Utiliza herramientas de diseño grafico para aplicaciones WEB
- Analiza y Diseña prácticas de aplicaciones WEB estáticas

Contenidos axiológicos o actitudinales: (2) En este ámbito se requiere la manifestación de actitudes, sentimientos y emociones. Permiten que los
formadores identifiquen aspectos de la formación que pueden ayudar a los participantes en el ámbito personal o social
- Trabajo en Equipo
- Trabajo Colaborativo

Academia: Programación Página 2


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
- Análisis Critico
- Lógica
- Responsabilidad
- Ética Profesional
- Organización

Contenidos en competencias profesionales: (3)

- Diseña Interfaces y Desarrolla Aplicaciones WEB Estáticas

Competencias genéricas y atributos: (1)

8.3 Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

Competencias disciplinares: (1)

M1 Construye e interpreta modelos matemáticos deterministas o aleatorios mediante la aplicación de procedimientos aritméticos, algebraicos, geométricos y
variacionales, para la comprensión y análisis de situaciones reales o formales.

M8 Interpreta tablas, gráficas, mapas, diagramas y textos con símbolos matemáticos y científicos.

Competencias Laborales (Empleabilidad):

AD5 Aceptar y aplicar cambios de los procedimientos y de las herramientas de trabajo.


AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.
PO4 Establecer prioridades y tiempos.
AD3 Se adapta para un cambio positivo.
ACTIVIDADES DE APRENDIZAJE (1):
Fase 1 Apertura

Actividades de Apertura Aplica las Competencia(s) Producto(s) de Ponderación

Academia: Programación Página 3


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
(Se anotan
porcentajes
Contenido o acumulativos
Genérica(s) y sus Disciplinar (es) Aprendizaje
Competencia a hasta adquirir la
atributos (Evidencias) competencia de
Desarrollar acuerdo a las
actividades)
Diseña Interfaces Actividad 1 P: La carta 1% (1%)
El estudiante participará aportando y M1 Construye e interpreta modelos compromiso
Desarrolla Aplicaciones Web expresando sus ideas y comentando, matemáticos deterministas o aleatorios firmada/Lista de
8.3 Asume una actitud
Estáticas aclarando dudas sobre la presentación mediante la aplicación de asistencia
constructiva,
del submódulo: donde se enfatizarán las procedimientos aritméticos, algebraicos,
congruente con los
competencias a lograr, las actividades geométricos y variacionales, para la
conocimientos y
de aprendizaje para desarrollarlas, las comprensión y análisis de situaciones
habilidades con los
evidencias, forma de evaluación, valores reales o formales.
que cuenta dentro de
y actitudes a desarrollar. Posteriormente
distintos equipos de
elaborará una carta compromiso donde
trabajo. M8 Interpreta tablas, gráficas, mapas,
manifiesta sus metas y expectativas
para lograrlas. diagramas y textos con símbolos
matemáticos y científicos.
Tiempo Asignado: 1 hra

Diseña Interfaces Actividad 2 P: El cuestionario 4% (3%)


El estudiante contestará un cuestionario contestado/ Lista de
Desarrolla Aplicaciones Web diagnostico reflexionando de forma M1 Construye e interpreta modelos asistencia
Estáticas individual por escrito preguntas como: matemáticos deterministas o aleatorios
¿Qué es una interfaz gráfica de usuario 8.3 Asume una actitud mediante la aplicación de
(GUI)?, ¿Qué es una página web?,¿Qué constructiva, procedimientos aritméticos, algebraicos,
es un sitio web?, ¿Qué entiendes por congruente con los geométricos y variacionales, para la
diseño de páginas web?, ¿Cuáles conocimientos y comprensión y análisis de situaciones
herramientas de diseño web conoces?, habilidades con los reales o formales.
¿Qué es un hipervínculo o enlace?, que cuenta dentro de
¿Qué elementos te llaman la atención al distintos equipos de
entrar a una página web?, ¿Qué trabajo. M8 Interpreta tablas, gráficas, mapas,
características crees importante en el diagramas y textos con símbolos
diseño de sitios web?, entre otras que matemáticos y científicos.
considere el docente.

Tiempo Asignado: 1 hrs

Academia: Programación Página 4


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Diseña Interfaces Actividad 3 M1 Construye e interpreta modelos D: La participación del 5% (1%)
El estudiante comentará en plenaria el 8.3 Asume una actitud matemáticos deterministas o aleatorios estudiante/ Lista de
Desarrolla Aplicaciones Web cuestionario diagnostico contestado, constructiva, mediante la aplicación de asistencia
Estáticas generando un resumen concluyente. congruente con los procedimientos aritméticos, algebraicos,
conocimientos y geométricos y variacionales, para la P: Resumen/Lista de
Tiempo Asignado: 2 hrs habilidades con los comprensión y análisis de situaciones cotejo
que cuenta dentro de reales o formales.
distintos equipos de
trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Fase 2 Desarrollo

Aplican las Competencia(s) Ponderación


(Se anotan
Contenido o porcentajes
Actividades de proceso Disciplinar (es)/ disciplinares Producto(s) de acumulativos
Competencia a Genérica(s) y sus
extendidas Aprendizaje hasta adquirir la
Desarrollar atributos competencia de
acuerdo a las
actividades)

Diseña Interfaces Actividad 4 M1 Construye e interpreta modelos P: Documento 10% (5%)


El estudiante realizará una investigación 8.3 Asume una actitud matemáticos deterministas o aleatorios elaborado / Lista de
Desarrolla Aplicaciones Web documental a través de la consulta de constructiva, mediante la aplicación de cotejo
Estáticas las fuentes sugeridas o haciendo uso de congruente con los procedimientos aritméticos, algebraicos,
internet, para analizar y describir en un conocimientos y geométricos y variacionales, para la
documento empleando algún habilidades con los comprensión y análisis de situaciones
procesador de textos, las arquitecturas que cuenta dentro de reales o formales.
más comunes empleadas en desarrollo distintos equipos de
de aplicaciones web. trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
Tiempo Asignado: 2 hrs matemáticos y científicos.

Diseña Interfaces Actividad 5. 8.3 Asume una actitud M1 Construye e interpreta modelos P: Tabla elaborada / 15% (5%)
Realizar una investigación documental y constructiva, matemáticos deterministas o aleatorios Lista de cotejo
Desarrolla Aplicaciones Web elabora una tabla en la que describa los congruente con los mediante la aplicación de
Estáticas siguientes elementos web: conocimientos y procedimientos aritméticos, algebraicos,
Internet habilidades con los geométricos y variacionales, para la
Protocolo HTTP. que cuenta dentro de comprensión y análisis de situaciones
Protocolo FTP. distintos equipos de reales o formales.
W3C. trabajo.
Hojas de estilo en cascada (CSS). M8 Interpreta tablas, gráficas, mapas,
Lenguajes de programación del lado del diagramas y textos con símbolos
cliente orientados al desarrollo web.

Academia: Programación Página 5


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Lenguajes de programación del lado del
servidor orientados al desarrollo web.
matemáticos y científicos.
Tiempo Asignado: 4 hrs

Diseña Interfaces Actividad 6 M1 Construye e interpreta modelos P: La interface web 20% (5%)
Organizar cuatro equipos en la 8.3 Asume una actitud matemáticos deterministas o aleatorios diseñada / Lista de
Desarrolla Aplicaciones Web modalidad colaborativa con la totalidad constructiva, mediante la aplicación de cotejo
Estáticas de integrantes del grupo, para realizar congruente con los procedimientos aritméticos, algebraicos,
una investigación documental y de conocimientos y geométricos y variacionales, para la
campo en algún negocio, empresa o habilidades con los comprensión y análisis de situaciones
institución de su localidad, con el fin de que cuenta dentro de reales o formales.
recabar información que le permita distintos equipos de
determinar y elaborar la estructura trabajo. M8 Interpreta tablas, gráficas, mapas,
propuesta del sitio a desarrollar.
diagramas y textos con símbolos
matemáticos y científicos.
Tiempo Asignado: 4 hrs

Diseña Interfaces Actividad 7 P: Prácticas 25% (5%)


Aplicar las siguientes etiquetas en la M1 Construye e interpreta modelos realizadas/Rúbrica
Desarrolla Aplicaciones Web inserción y estructuración de texto en el matemáticos deterministas o aleatorios
8.3 Asume una actitud
Estáticas diseño de las páginas web. mediante la aplicación de
constructiva,
<p> </p> procedimientos aritméticos, algebraicos,
congruente con los
h1, h2 geométricos y variacionales, para la
conocimientos y
habilidades con los comprensión y análisis de situaciones
Realizar la práctica No. 1 Inserción de que cuenta dentro de reales o formales.
texto y estructuración en párrafos con distintos equipos de
código XHTML.. trabajo. M8 Interpreta tablas, gráficas, mapas,
Realizar la práctica No. 2 Manejo de
diagramas y textos con símbolos
secciones.
matemáticos y científicos.
Tiempo Asignado: 4 hrs

Diseña Interfaces Actividad 8 M1 Construye e interpreta modelos P: Prácticas 30% (5%)


Aplicar las siguientes etiquetas en el 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
Desarrolla Aplicaciones Web marcado de texto en el diseño de las constructiva, mediante la aplicación de
Estáticas páginas web, con código XHTML. congruente con los procedimientos aritméticos, algebraicos,
<em> </em> conocimientos y geométricos y variacionales, para la
<strong> </strong> habilidades con los comprensión y análisis de situaciones
que cuenta dentro de reales o formales.
Realizar la práctica No. 3 Marcado de distintos equipos de
texto con código XHTML. trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
Tiempo Asignado: 3 hrs matemáticos y científicos.

Academia: Programación Página 6


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Diseña Interfaces Actividad 9 M1 Construye e interpreta modelos P: Prácticas 35% (5%)
Aplicar las siguientes etiquetas en la 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
Desarrolla Aplicaciones Web creación de hipervínculos en el diseño constructiva, mediante la aplicación de
Estáticas de las páginas web. congruente con los procedimientos aritméticos, algebraicos,
<a> </a> conocimientos y geométricos y variacionales, para la
Atributos: name=”texto” href = “url” habilidades con los comprensión y análisis de situaciones
que cuenta dentro de reales o formales.
Realizar la práctica No. 4 Creación de distintos equipos de
hipervínculos con código XHTML. trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
Tiempo Asignado: 3 hrs matemáticos y científicos.

Diseña Interfaces Actividad 11 P: Prácticas 40% (5%)


Aplicar las siguientes etiquetas para el M1 Construye e interpreta modelos realizadas/Rúbrica
Desarrolla Aplicaciones Web manejo de listas en el diseño de las 8.3 Asume una actitud matemáticos deterministas o aleatorios
Estáticas páginas web. constructiva, mediante la aplicación de
<ul> </ul> congruente con los procedimientos aritméticos, algebraicos,
<li> </li> conocimientos y geométricos y variacionales, para la
<ol> </ol> habilidades con los comprensión y análisis de situaciones
<dl> </dl> que cuenta dentro de reales o formales.
<dt> </dt> distintos equipos de
<dd> </dd> trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
Realizar la práctica No. 5 Agrupamiento
matemáticos y científicos.
de elementos mediante listas.

Tiempo Asignado: 3 hrs


Diseña Interfaces Actividad 12 P: Prácticas 50% (10%)
Aplicar las siguientes etiquetas para la M1 Construye e interpreta modelos realizadas/Rúbrica
Desarrolla Aplicaciones Web inserción de imágenes en el diseño de 8.3 Asume una actitud matemáticos deterministas o aleatorios
Estáticas las páginas web. constructiva, mediante la aplicación de
Imagen <img> congruente con los procedimientos aritméticos, algebraicos,
Atributos: src = ”url” alt = “texto” height = conocimientos y geométricos y variacionales, para la
“unidad de medida” width = “unidad de habilidades con los comprensión y análisis de situaciones
medida” que cuenta dentro de reales o formales.
distintos equipos de
Realizar la práctica No. 6 Inserción de trabajo. M8 Interpreta tablas, gráficas, mapas,
imágenes empleando etiquetas de
diagramas y textos con símbolos
imágenes.
matemáticos y científicos.
Tiempo Asignado: 3 hrs

Academia: Programación Página 7


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Diseña Interfaces Actividad 13 P: Prácticas 65% (5%)
Aplicar las siguientes etiquetas para el M1 Construye e interpreta modelos realizadas/Rúbrica
Desarrolla Aplicaciones Web manejo de tablas en el diseño de las 8.3 Asume una actitud matemáticos deterministas o aleatorios
Estáticas páginas web. constructiva, mediante la aplicación de
<table> </table> congruente con los procedimientos aritméticos, algebraicos,
<tr> </tr> conocimientos y geométricos y variacionales, para la
<td> </td> habilidades con los comprensión y análisis de situaciones
<th> </th> que cuenta dentro de reales o formales.
distintos equipos de
Realizar la práctica No. 7 Manejo de trabajo. M8 Interpreta tablas, gráficas, mapas,
tablas con código HTML. diagramas y textos con símbolos
matemáticos y científicos.
Tiempo Asignado: 3 hrs

Diseña Interfaces Actividad 14 P: Prácticas 65% (10%)


Aplicar las siguientes etiquetas para el realizadas/Rúbrica
Desarrolla Aplicaciones Web manejo de formularios en el diseño de
Estáticas las páginas web.
<form> Atributos: action = “url” method =
“POST o GET”
<input> Atributos: type = "text |
password | checkbox | radio | submit
| reset |file | hidden | image | button"
8.3 Asume una actitud M1 Construye e interpreta modelos
Realizar la práctica No. 8 Creación de constructiva, matemáticos deterministas o aleatorios
formularios con código HTML. congruente con los mediante la aplicación de
Realizar la práctica No. 9 Declaración de conocimientos y procedimientos aritméticos, algebraicos,
hojas de estilo con código HTML. habilidades con los geométricos y variacionales, para la
Realizar la práctica No. 10 Establecer que cuenta dentro de comprensión y análisis de situaciones
apariencia del texto y de la letra en las distintos equipos de reales o formales.M8 Interpreta tablas,
páginas web. trabajo. gráficas, mapas, diagramas y textos con
Realizar la práctica No. 11 Cambio de símbolos matemáticos y científicos.
apariencia de la página web empleando
estilos en los hipervínculos y en las
listas de las páginas web.
Realizar la práctica No. 12 Definición de
propiedades para el control del aspecto
de las tablas usando hojas de estilos en
cascada.

Tiempo Asignado: 4 hrs

Fase 3 Cierre
Actividades de cierre Aplicar las Competencia(s) Ponderación

Academia: Programación Página 8


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
(Se anotan
porcentajes
Demostración de la acumulativos hasta
Genérica(s) y sus Producto(s) de
Competencia Disciplinar (es) adquirirla
atributos Aprendizaje competencia de
Desarrollada acuerdo a las
actividades)
Diseña Interfaces Actividad 15 D: El desarrollo de la 75% (10%)
Realizar el ejercicio No. 1 Definición del práctica integradora /
Desarrolla Aplicaciones Web Sitio Web. M1 Construye e interpreta modelos Rúbrica
Estáticas Dónde: “Elabora la justificación y la matemáticos deterministas o aleatorios
8.3 Asume una actitud mediante la aplicación de
estructura propuesta del sitio web
constructiva, procedimientos aritméticos, algebraicos,
acorde con los requerimientos del
congruente con los geométricos y variacionales, para la
cliente”, en la que define:
conocimientos y comprensión y análisis de situaciones
 Objetivo del sitio.
habilidades con los reales o formales.
 Audiencia.
que cuenta dentro de
 Contenidos. distintos equipos de
 Mapa del sitio. trabajo. M8 Interpreta tablas, gráficas, mapas,
 Sistemas de Navegación. diagramas y textos con símbolos
 Borradores de páginas. matemáticos y científicos.
 Maqueta web.

Tiempo Asignado: 8 hrs

Diseña Interfaces Actividad 16 D: El desarrollo de la 85% (10%)


“Desarrolla la página web del sitio M1 Construye e interpreta modelos práctica integradora /
Desarrolla Aplicaciones Web propuesto en el ejercicio 1” empleando 8.3 Asume una actitud matemáticos deterministas o aleatorios Rúbrica
Estáticas los siguientes elementos del lenguaje de constructiva, mediante la aplicación de
etiquetas XHTML: congruente con los procedimientos aritméticos, algebraicos,
 Formato de texto. conocimientos y geométricos y variacionales, para la
 Hipervínculos. habilidades con los comprensión y análisis de situaciones
 Imágenes y elementos multimedia. que cuenta dentro de reales o formales.
 Listas. distintos equipos de
 Tablas. trabajo. M8 Interpreta tablas, gráficas, mapas,
 Formularios
diagramas y textos con símbolos
 Marcos.
matemáticos y científicos.
Tiempo Asignado: 10 hrs

Diseña Interfaces Actividad 17 8.3 Asume una actitud M1 Construye e interpreta modelos D: El desarrollo de la 95% (10%)
“Construye hojas de estilo en cascada constructiva, matemáticos deterministas o aleatorios práctica integradora /
Desarrolla Aplicaciones Web para definir su aspecto y presentación congruente con los mediante la aplicación de Rúbrica
Estáticas de los siguientes elementos en las conocimientos y procedimientos aritméticos, algebraicos,
páginas web desarrolladas”: habilidades con los geométricos y variacionales, para la
Texto. que cuenta dentro de comprensión y análisis de situaciones
Enlaces. distintos equipos de reales o formales.
Listas. trabajo.
Tablas.

Academia: Programación Página 9


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Formularios. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
Tiempo Asignado: 5 hrs matemáticos y científicos.

Diseña Interfaces Actividad 18 M1 Construye e interpreta modelos P: El portafolio de 100% (5%)


El estudiante integrará su portafolio de 8.3 Asume una actitud matemáticos deterministas o aleatorios evidencias integrado
Desarrolla Aplicaciones Web evidencias con los productos de las constructiva, mediante la aplicación de / Lista de cotejo
Estáticas actividades anteriores entregándolo en congruente con los procedimientos aritméticos, algebraicos,
tiempo y forma. conocimientos y geométricos y variacionales, para la
habilidades con los comprensión y análisis de situaciones
Tiempo Asignado: 2 hrs que cuenta dentro de reales o formales.
distintos equipos de
trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Competencia de AD5 Aceptar y aplicar cambios de los procedimientos y de las herramientas de trabajo.
empleabilidad:
AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.

PO4 Establecer prioridades y tiempos.

AD3 Se adapta para un cambio positivo.

Academia: Programación Página 10


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en

Evaluación

A) RECURSOS
Equipo Material Fuentes de información
 Computadoras SOFTWARE: Cabrera, J. M. (2011). Photoshop CS5 España: Anaya multimedia - Anaya 
 Video proyector interactiva, p. 448
 Pizarrón interactivo  Herramientas de Desarrollo (IDE)
 Pantalla de pared proyección  Sistema Operativo para móviles Lopez, A. M. (2010). CORELDRAW X5. Madrid: ANAYA MULTIMEDIA-ANAYA
 Escritorio para aulas  Software de Control Integral INTERACTIVA, Capítulo 3. 
 Mesas para computadoras  Sistemas Manejadores de Base de Datos
 Sillas Schafer, S. M. (2010). HTML XHTML y CSS. España: Anaya multimedia - anaya
 Internet interactiva, p. 800.

Schmitt, C. (2010). CURSO DE CSS. (3a. Ed.). Madrid: ANAYA MULTIMEDIA-


ANAYA INTERACTIVA. Capítulo 3.

Alvarez, S. D. (2010). Actionscript 3.0 para flash professional CS5. España. Elabora:
Anaya multimedia - Anaya interactiva, p.368.
M.A. REBEC
ING. PAULA
Spona, H. (2010). Programación de base de datos con Mysql y PHP. México. ING. OSCAR
Alfaomega grupo editor, p.228. ING. MARÍA
M.A. MA. G
Osborn, J. (2011). Diseño y desarrollo Web con Dreamweaver CS5. España. M.C.A. LIC.
Anaya Multimedia - anaya interactiva, p.400.

Meier, R. (2010). Professional Android 2 Application Development. Indiana:


Wiley Publishing, Inc, p. 543.

Dan Pilone, T. P. (2009). Head First iPhone Development. Gravenstein Highway


North, Sebastopol, CA 95472.: O’Reilly, Capítulo 1-5.

Wright, L. (2008). Diseño de personajes para consolas portátiles: Videojuegos


para móviles, sprites y gráficos con pixeles. España. Gustavo Gili, p.192.

Academia: Programación Página 11


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en

Academia: Programación Página 12


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en

Secuencia 2
RESULTADO DE APRENDIZAJE : Desarrolla Aplicaciones WEB Dinámicas

Contenidos facticos:(2) Conceptuales

Conceptos Fundamentales Conceptuales o Fáticos: (Anotar los contenidos de Conceptos Subsidiarios


acuerdo a las competencias utilizando verbos operativos medibles.)
- JavaScript
- Paginas WEB Dinámicas - Base de Datos
- Código PHP
- Código MySQL

Contenidos metodológicos o procedimentales: (2) describen la competencia a desarrollar.

Utilizando sistemas de gestión de contenidos web (CMS)


Incorporando almacenamiento persistente de los datos
Estableciendo las prioridades del cliente y cumpliendo los tiempos estipulados
Cuidando y manejando las bases de datos propias de la empresa siguiendo normas y disposiciones definidas

Contenidos axiológicos o actitudinales: (2) En este ámbito se requiere la manifestación de actitudes, sentimientos y emociones. Permiten que los
formadores identifiquen aspectos de la formación que pueden ayudar a los participantes en el ámbito personal o social
- Trabajo en Equipo
- Trabajo Colaborativo
- Análisis Critico
- Lógica
- Responsabilidad
- Ética Profesional
- Organización

Contenidos en competencias profesionales: (3)


- El Alumno desarrollará Aplicaciones Web Dinámicas
Academia: Programación Página 13
Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en

Competencias genéricas y atributos: (1)


8.3 Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

Competencias disciplinares: (1)


M1 Construye e interpreta modelos matemáticos deterministas o aleatorios mediante la aplicación de procedimientos aritméticos, algebraicos, geométricos y variacionales, para la
comprensión y análisis de situaciones reales o formales.

M8 Interpreta tablas, gráficas, mapas, diagramas y textos con símbolos matemáticos y científicos.

Competencias Laborales (Empleabilidad):


AD5 Aceptar y aplicar cambios de los procedimientos y de las herramientas de trabajo.
AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.
PO4 Establecer prioridades y tiempos.
AD3 Se adapta para un cambio positivo.

ACTIVIDADES DE APRENDIZAJE (1):


Fase 1 Apertura
Aplica las Competencia(s) Ponderación
(Se anotan
Contenido o Producto(s) de porcentajes
Actividades de Apertura acumulativos
Competencia a Genérica(s) y sus Disciplinar (es) Aprendizaje
hasta adquirir la
Desarrollar atributos (Evidencias) competencia de
acuerdo a las
actividades)
Actividad 1 M1 Construye e interpreta modelos P: El informe elaborado / 2% (2%)
El estudiante participará aportando y matemáticos deterministas o aleatorios Lista de asistencia
Desarrolla Aplicaciones expresando sus ideas y comentando, aclarando mediante la aplicación de
Web Dinámicas dudas sobre la presentación del tema: donde se 8.3 Asume una actitud procedimientos aritméticos, algebraicos,
hace hincapié en las diferencias entre las constructiva, geométricos y variacionales, para la
aplicaciones web estáticas y dinámicas, en los congruente con los comprensión y análisis de situaciones
lenguajes de programación para web y las conocimientos y reales o formales.
utilerías para el desarrollo de dichas habilidades con los
aplicaciones; además se enfatizarán las que cuenta dentro de
M8 Interpreta tablas, gráficas, mapas,
competencias a lograr, las actividades de distintos equipos de
diagramas y textos con símbolos
aprendizaje a desarrollar, las evidencias, forma trabajo.
matemáticos y científicos.
de evaluación, valores y actitudes a desarrollar.

Tiempo Asignado: 2 hrs

Academia: Programación Página 14


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Desarrolla Aplicaciones Actividad 2 M1 Construye e interpreta modelos P: El mapa mental 5% (3%)
Web Dinámicas El estudiante se motivará mediante la matemáticos deterministas o aleatorios elaborado / Lista de
presentación de una aplicación web dinámica mediante la aplicación de cotejo
dada por el docente elaborada con PHP y 8.3 Asume una actitud procedimientos aritméticos, algebraicos,
MySQL sobre un sitio para realizar un sistema constructiva, geométricos y variacionales, para la
de base de datos como aplicación web congruente con los comprensión y análisis de situaciones
dinámica, expresando sus expectativas sobre lo conocimientos y reales o formales.
que espera aprender con el tema y en qué habilidades con los
contribuirá para el logro de sus metas que cuenta dentro de M8 Interpreta tablas, gráficas, mapas,
plasmadas en la carta compromiso que firmó al distintos equipos de diagramas y textos con símbolos
inicio del submódulo. Elaborando un mapa trabajo. matemáticos y científicos.
mental con sus conclusiones.

Tiempo Asignado: 3 hrs

Fase 2 Desarrollo
Aplican las Competencia(s) Ponderación
(Se anotan
porcentajes
Contenido o
Actividades de proceso Producto(s) de acumulativos
Competencia a Disciplinar (es)/ disciplinares
Genérica(s) y sus Aprendizaje hasta adquirir
Desarrollar extendidas
atributos la competencia
de acuerdo a
las actividades)
Desarrolla Aplicaciones Actividad 3 M1 Construye e interpreta modelos P: Prácticas 10% (5%)
Web Dinámicas Aplicar las siguientes instrucciones de javascript matemáticos deterministas o aleatorios realizadas/Rúbrica
en las páginas web. 8.3 Asume una actitud mediante la aplicación de
<script type="text/javascript"> constructiva, procedimientos aritméticos, algebraicos,
Alert() congruente con los geométricos y variacionales, para la
Onclick() conocimientos y comprensión y análisis de situaciones
<noscript> </noscript> habilidades con los reales o formales.
que cuenta dentro de
Realizar la práctica No. 13 Inclusión de código distintos equipos de
trabajo. M8 Interpreta tablas, gráficas, mapas,
de Javascript en XHTML empleando un archivo diagramas y textos con símbolos
externo. matemáticos y científicos.
Tiempo Asignado: 7 hrs

Academia: Programación Página 15


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Desarrolla Aplicaciones Actividad 4. P: Prácticas 15% (5%)
Web Dinámicas Aplicar la siguiente definición de javascript para M1 Construye e interpreta modelos realizadas/Rúbrica
el uso de variables. 8.3 Asume una actitud matemáticos deterministas o aleatorios
Var nombre de variable constructiva, mediante la aplicación de
Var nombre_arreglo = [valor1, valor2, … , congruente con los procedimientos aritméticos, algebraicos,
valorN] conocimientos y geométricos y variacionales, para la
habilidades con los comprensión y análisis de situaciones
Realizar la práctica No. 14 Uso de variables que cuenta dentro de reales o formales.
empleando javascript. distintos equipos de
Realizar la práctica No. 15 Manejo de arreglos trabajo. M8 Interpreta tablas, gráficas, mapas,
empleando javascript. diagramas y textos con símbolos
matemáticos y científicos.
Tiempo Asignado: 7 hrs

Desarrolla Aplicaciones Actividad 5 P: Prácticas 20% (5%)


Web Dinámicas Desarrollo de aplicaciones realizadas/Rúbrica
Realizar la práctica No. 16 Almacena valores
mediante declaración y uso de variables
Realizar la práctica No. 17 Realiza operaciones M1 Construye e interpreta modelos
con declaración y uso de variables Declaración y matemáticos deterministas o aleatorios
8.3 Asume una actitud
uso de variables mediante la aplicación de
constructiva,
Realizar la práctica No. 18 Almacena valores procedimientos aritméticos, algebraicos,
congruente con los
múltiples usando de arreglos. geométricos y variacionales, para la
conocimientos y
Aplicar las siguientes estructuras de decisión comprensión y análisis de situaciones
habilidades con los
para definir el orden de ejecución de bloques de reales o formales.
que cuenta dentro de
código:
distintos equipos de
if – else
trabajo. M8 Interpreta tablas, gráficas, mapas,
else – if
diagramas y textos con símbolos
Realizar la práctica No. 19 Controla el flujo de la matemáticos y científicos.
información usando sentencia condicional if-
else.

Tiempo Asignado: 7 hrs

Desarrolla Aplicaciones Actividad 6 8.3 Asume una actitud M1 Construye e interpreta modelos P: Prácticas 25% (5%)
Web Dinámicas Aplicar las siguientes estructuras de ciclo para la constructiva, matemáticos deterministas o aleatorios realizadas/Rúbrica
ejecución continua y/o repetida de bloques de congruente con los mediante la aplicación de
código conocimientos y procedimientos aritméticos, algebraicos,
For habilidades con los geométricos y variacionales, para la
While que cuenta dentro de comprensión y análisis de situaciones
Do – while distintos equipos de reales o formales.
trabajo.
Realizar la práctica No. 20 Calcula el factorial de M8 Interpreta tablas, gráficas, mapas,
un número usando sentencia for diagramas y textos con símbolos
Realizar la práctica No. 21 Calcula la matemáticos y científicos.
descomposición factorial usando sentencia while
Realizar la práctica No. 22 Calcula raíces con el
empleo de funciones.

Academia: Programación Página 16


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
Tiempo Asignado: 7 hrs

Desarrolla Aplicaciones Actividad 7 M1 Construye e interpreta modelos P: Prácticas 30% (5%)


Web Dinámicas Manejo de Cookies y sesiones 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
constructiva, mediante la aplicación de
Realizar la práctica No. 23 Guarda accesos a congruente con los procedimientos aritméticos, algebraicos,
aplicaciones con empleo de cookies. conocimientos y geométricos y variacionales, para la
Realizar la práctica No. 24 Guarda accesos a habilidades con los comprensión y análisis de situaciones
aplicaciones con empleo de sesiones. que cuenta dentro de reales o formales.
distintos equipos de
Tiempo Asignado: 7 hrs trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Desarrolla Aplicaciones Actividad 8 M1 Construye e interpreta modelos P: Prácticas 35% (5%)


Web Dinámicas Diseño de Bases de Datos 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
constructiva, mediante la aplicación de
Realizar la práctica No. 25 Crea base de datos y congruente con los procedimientos aritméticos, algebraicos,
tablas mediante sentencias SQL. conocimientos y geométricos y variacionales, para la
habilidades con los comprensión y análisis de situaciones
Tiempo Asignado: 7 hrs que cuenta dentro de reales o formales.
distintos equipos de
trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Desarrolla Aplicaciones Actividad 9 M1 Construye e interpreta modelos P: Prácticas 45% (10%)


Web Dinámicas Conexión con la base de datos 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
constructiva, mediante la aplicación de
Realiza la práctica No. 26 Conexión de la congruente con los procedimientos aritméticos, algebraicos,
aplicación con el motor de base de datos conocimientos y geométricos y variacionales, para la
mediante sentencias SQL habilidades con los comprensión y análisis de situaciones
que cuenta dentro de reales o formales.
Tiempo Asignado: 7 hrs distintos equipos de
trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Desarrolla Aplicaciones Actividad 10 8.3 Asume una actitud M1 Construye e interpreta modelos P: Prácticas 55% (10%)
Web Dinámicas Consultas a la base de datos. constructiva, matemáticos deterministas o aleatorios realizadas/Rúbrica
congruente con los mediante la aplicación de
Realizar la práctica No. 27 Consulta de registros conocimientos y procedimientos aritméticos, algebraicos,
de la base de datos empleando un criterio de habilidades con los geométricos y variacionales, para la
selección. que cuenta dentro de comprensión y análisis de situaciones
Realizar la práctica No. 28 Consulta de registros distintos equipos de reales o formales.
de la base de datos empleando criterios de trabajo.
selección.

Academia: Programación Página 17


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
M8 Interpreta tablas, gráficas, mapas,
Tiempo Asignado: 7 hrs diagramas y textos con símbolos
matemáticos y científicos.

Desarrolla Aplicaciones Actividad 11 M1 Construye e interpreta modelos P: Prácticas 60% (10%)


Web Dinámicas Formularios 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
constructiva, mediante la aplicación de
Realizar la práctica No. 29 Agrega registros en congruente con los procedimientos aritméticos, algebraicos,
la base de datos con desarrollo de formularios. conocimientos y geométricos y variacionales, para la
Realizar la práctica No. 30 Elimina registros en habilidades con los comprensión y análisis de situaciones
la base de datos con desarrollo de formularios. que cuenta dentro de reales o formales.
Realizar la práctica No. 31 Modifica registros en distintos equipos de
la base de datos con desarrollo de formularios. trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
Tiempo Asignado: 7 hrs matemáticos y científicos.

Desarrolla Aplicaciones Actividad 12 M1 Construye e interpreta modelos P: Prácticas 70% (10%)


Web Dinámicas Validación de datos de entrada 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
constructiva, mediante la aplicación de
Realizar la práctica No. 32 Mantiene la congruente con los procedimientos aritméticos, algebraicos,
integridad de la información mediante validación conocimientos y geométricos y variacionales, para la
de datos de formularios. habilidades con los comprensión y análisis de situaciones
que cuenta dentro de reales o formales.
distintos equipos de
Tiempo Asignado: 7 hrs trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Desarrolla Aplicaciones Actividad 13 M1 Construye e interpreta modelos P: Prácticas 80% (10%)


Web Dinámicas Control de acceso y seguridad 8.3 Asume una actitud matemáticos deterministas o aleatorios realizadas/Rúbrica
constructiva, mediante la aplicación de
Realizar la práctica No. 33 Acceso mediante congruente con los procedimientos aritméticos, algebraicos,
contraseña a la aplicación. conocimientos y geométricos y variacionales, para la
habilidades con los comprensión y análisis de situaciones
Tiempo Asignado: 7 hrs que cuenta dentro de reales o formales.
distintos equipos de
trabajo. M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos
matemáticos y científicos.

Fase 3 Cierre
Actividades de cierre Aplicar las Competencia(s) Ponderación

Academia: Programación Página 18


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
(Se anotan
porcentajes
Demostración de acumulativos
Genérica(s) y sus Producto(s) de
la Competencia Disciplinar (es) hasta adquirirla
atributos Aprendizaje competencia de
Desarrollada acuerdo a las
actividades)
Desarrolla Aplicaciones Actividad 14 8.3 Asume una actitud M1 Construye e interpreta modelos D: El desarrollo de la 85% (5%)
Web Dinámicas “Desarrolla código de programación para constructiva, matemáticos deterministas o aleatorios práctica integradora /
implementar interactividad a las páginas web congruente con los mediante la aplicación de Rúbrica
desarrolladas haciendo uso de los siguientes conocimientos y procedimientos aritméticos, algebraicos,
elementos del lenguaje javascript”: habilidades con los geométricos y variacionales, para la
que cuenta dentro de comprensión y análisis de situaciones
 Variables. distintos equipos de reales o formales.
 Operadores. trabajo.
 Estructuras de control M8 Interpreta tablas, gráficas, mapas,
 Funciones predefinidas de Javascript. diagramas y textos con símbolos
matemáticos y científicos.
Tiempo Asignado: 1 hra

Desarrolla Aplicaciones Actividad 15 8.3 Asume una actitud M1 Construye e interpreta modelos D: El desarrollo de la 95% (10%)
Web Dinámicas “Desarrolla el código de programación para constructiva, matemáticos deterministas o aleatorios práctica integradora /
establecer la conectividad con las bases de congruente con los mediante la aplicación de Rúbrica
datos en la implementación dinámica de la conocimientos y procedimientos aritméticos, algebraicos,
información contenida en las tablas de las bases habilidades con los geométricos y variacionales, para la
de datos”, haciendo uso de los siguientes que cuenta dentro de comprensión y análisis de situaciones
elementos: distintos equipos de reales o formales.
trabajo.
 Constantes. M8 Interpreta tablas, gráficas, mapas,
 Variables. diagramas y textos con símbolos
 Arreglos. matemáticos y científicos.
 Estructuras de Control de flujo.
 Funciones.
 Formularios.

Tiempo Asignado: 1 hra

Desarrolla Aplicaciones Actividad 16 8.3 Asume una actitud M1 Construye e interpreta modelos P: El portafolio de 100% (5%)
Web Dinámicas El estudiante integrará su portafolio de constructiva, matemáticos deterministas o aleatorios evidencias integrado /
evidencias con los productos de las actividades congruente con los mediante la aplicación de Lista de cotejo
anteriores entregándolo en tiempo y forma. conocimientos y procedimientos aritméticos, algebraicos,
habilidades con los geométricos y variacionales, para la
Tiempo Asignado: 2 hrs que cuenta dentro de comprensión y análisis de situaciones
distintos equipos de reales o formales.
trabajo.
M8 Interpreta tablas, gráficas, mapas,
diagramas y textos con símbolos

Academia: Programación Página 19


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
matemáticos y científicos.

Competencia de AD5 Aceptar y aplicar cambios de los procedimientos y de las herramientas de trabajo.
empleabilidad: AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.
PO4 Establecer prioridades y tiempos.
AD3 Se adapta para un cambio positivo.

Academia: Programación Página 20


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en

Evaluación

A) RECURSOS
Equipo Material Fuentes de información
 Computadoras SOFTWARE: Cabrera, J. M. (2011). Photoshop CS5 España: Anaya multimedia - Anaya
 Video proyector interactiva, p. 448
 Pizarrón interactivo  Herramientas de Desarrollo (IDE)
 Pantalla de pared proyección  Sistema Operativo para móviles Lopez, A. M. (2010). CORELDRAW X5. Madrid: ANAYA MULTIMEDIA-ANAYA
 Escritorio para aulas  Software de Control Integral INTERACTIVA, Capítulo 3.
 Mesas para computadoras  Sistemas Manejadores de Base de Datos
 Sillas Schafer, S. M. (2010). HTML XHTML y CSS. España: Anaya multimedia - anaya
 Internet interactiva, p. 800.

Schmitt, C. (2010). CURSO DE CSS. (3a. Ed.). Madrid: ANAYA MULTIMEDIA-


ANAYA INTERACTIVA. Capítulo 3.

Alvarez, S. D. (2010). Actionscript 3.0 para flash professional CS5. España.


Anaya multimedia - Anaya interactiva, p.368.

Spona, H. (2010). Programación de base de datos con Mysql y PHP. México.


Alfaomega grupo editor, p.228.

Osborn, J. (2011). Diseño y desarrollo Web con Dreamweaver CS5. España.


Anaya Multimedia - anaya interactiva, p.400.

Meier, R. (2010). Professional Android 2 Application Development. Indiana:


Wiley Publishing, Inc, p. 543.
Academia: Programación Página 21
Dan Pilone, T. P. (2009). Head First iPhone Development. Gravenstein Highway
North, Sebastopol, CA 95472.: O’Reilly, Capítulo 1-5.

Wright, L. (2008). Diseño de personajes para consolas portátiles: Videojuegos


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
A) VALIDACIÓN

Elabora: RECIBE: Avala:


M.A. REBECA VELÁZQUEZ MONTEMAYOR CBTis #
ING. PAULA DELHI SOLÍS QUEZADA CBTis #137
ING. OSCAR TORO MARTÍNEZ CBTis #234
ING. MARÍA REYNA IRACHETA GARCÍA CBTis #164
M.A. MA. GUADALUPE PALOMO SÁNCHEZ CBTis #275
M.C.A. LIC. MARÍA GUADALUPE SANDOVAL LARA CBTis #73 Lic. Gabriela González Linares M.A. Rebeca Velázquez Montenegro

Secretario de la Academia Estatal de


Academia Estatal de Programación Programación

Academia: Programación Página 22


Secretaría de Educación Pública
Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica
Industria
Subdirección de Enlace Operativo en
ANEXOS:

Academia: Programación Página 23

Вам также может понравиться