MINISTERIO DE EDUCACIÓN

DIRECCIÓN NACIONAL DE EDUCACIÓN SUPERIOR Y TÉCNICO PROFESIONAL

DIRECCIÓN DE EDUCACIÓN TECNOLÓGICA Y TÉCNICO-PRODUCTIVA
COORDINACIÓN DE EDUCACIÓN TÉCNICO-PRODUCTIVA

EDUCACIÓN TÉCNICO- PRODUCTIVA CICLO MEDIO

CETPRO FE Y ALEGRIA N°43 LA SALLE

2016

1
 CONTEXTUALIZACIÓN DE LA UNIDAD DE COMPETENCIA

CETPRO: FE Y ALEGRIA N°43 LA SALLE

DRE: LIMA UGEL: VENTANILLA

PROFESORES: RUBIL HELMO GARRIDO GARRIDO

FECHA: 14 de Marzo del 2016

DURACIÓN
UNIDAD DE COMPETENCIA MÓDULOS
(horas)

Diseñar y publicar páginas Web

utilizando software y herramientas
necesarias con lenguajes de
programación.

Utiliza procedimientos y
herramientas para el desarrollo web
de documentos electrónicos de
acuerdo a los requerimientos. PROGRAMACIÓN
300
WEB
Programa y administra páginas web
para la difusión y captación de la
información.

Elabora páginas web con

animaciones interactivas de
aplicación general y específica, en
un ambiente multimedia.

2
 CONTEXTUALIZACIÓN DEL MÓDULO
PROGRAMACION WEB

CETPRO: FE Y ALEGRIA N°43 LA SALLE

DRE: LIMA UGEL: VENTANILLA

PROFESOR: RUBIL HELMO GARRIDO GARRIDO

FECHA: 14 de Marzo del 2016

CAPACIDADES TERMINALES CRITERIOS DE EVALUACIÓN HORAS

1.1 Conoce y utiliza la sintaxis

básica de la estructura de una
página web.
UD1: LENGUAJE HTML Y
XHTML
1.2 Crea una página web simple 116
Editar instrucciones en utilizando lenguaje HTML.
lenguaje HTML
1.3 Respeta y mantiene en
armonía el grupo laboral.

1.1 Identifica Reconoce y utiliza

adecuadamente las
herramientas y el entorno del
programa PHP.
UD2: PHP I
1.2 Crea formularios aplicando
Crear formularios para 96
funciones e interacción con el
interactuar con usuarios en la
usuario.
Web
1.3 Respeta y mantiene en
armonía el grupo laboral.

1.1 Identifica Reconoce y utiliza

adecuadamente las
herramientas y el entorno del
programa de edición web.
UD3: PHP II
1.2 Crea sitios web correctamente
Diseñar y editar estructuras de enlazados y los publica en un 88
una página Web. servidor web.

1.3 Respeta y mantiene en

armonía el grupo laboral.
 PROGRAMACIÓN DEL MÓDULO
I. INFORMACIÓN GENERAL.
CETPRO: FE Y ALEGRIA N°43 LA SALLE
DRE: LIMA UGEL: VENTANILLA
MÓDULO: PROGRAMACION WEB HORAS: 300
PROFESORES: RUBIL HELMO GARRIDO GARRIDO
FECHA: 14 de Marzo del 2016

II. UNIDAD DE COMPETENCIA

Diseñar y publicar páginas Web utilizando software y herramientas necesarias.

III. CAPACIDADES DEL MÓDULO

 Editar instrucciones en lenguaje HTML
 Crear formularios para interactuar con usuarios.
 Diseñar y editar estructuras de una página Web.

IV. CONTENIDOS BÁSICOS

Contenidos Específicos
 Lenguaje HTML
 Lenguaje PHP

Contenidos Complementarios
 Inglés Técnico
 Gestión Empresarial y Emprendimiento
 Formación y orientación Laboral

VALORES Y ACTITUDES
 Responsabilidad Trabajo en equipo
 Laboriosidad Honradez
 Democracia Respeto
 Solidaridad Veracidad
 Perseverancia Responsabilidad
 Equidad y justicia para el desarrollo humano integral adecuado.

V. EJES TRANSVERSALES
 Valores Ciudadanía
 Medio ambiente Equidad
 Inclusión social

VI. ORGANIZACIÓN DE UNIDADES DIDÁCTICAS

UD1: LENGUAJE HTML Y XHTML

UD2: PHP I
UD3: PHP II
 VII. ESTRATEGIAS METODOLÓGICAS
 Dialogo Exposición
 Trabajo grupal/individual Proyecto
 Análisis/síntesis Observación
 Lluvia de ideas Uso de ejemplos, casos
 Demostración Entrenamiento guiado por computadora

VIII. ORIENTACIÓN PARA LA EVALUACIÓN

La evaluación es por capacidades, toma los criterios de evaluación diseñados en el módulo y

organiza sus correspondientes indicadores en instrumentos que miden la eficacia de los
aprendizajes, lo que permite satisfacer los requerimientos de la capacidad terminal y
consecuentemente la formación adecuada de los profesionales para su inserción en el mercado
laboral.
La evaluación de competencias define el logro de competencias como

En inicio, en proceso y logro.

La evaluación en la Educación técnica productiva tiene las siguientes características:
 Guía la toma de decisiones del proceso educativo
 Está asociada a las capacidades del módulo
 Diferenciada en tres momentos: inicio, de proceso y terminal
 Refiere el nivel de las capacidades terminales alcanzado por el estudiante
 La evaluación es vigesimal

El estudiante logra las capacidades terminales de módulo, cuando en la evaluación del módulo
ocupacional el estudiante deberá obtener la nota aprobatoria de 12

IX. MEDIOS Y MATERIALES

 Pizarra
 Plumones
 Computadora
 Memoria

X. BIBLIOGRAFÍA
1. Resolución Directoral 0588-2016
MED – agosto 2016
2. Programación curricular Documento de trabajo
Plan piloto de experimentación del modelo de educación técnica y formación profesional PROYECTO MED-AECI
Diciembre 3001
 PROGRAMACIÓN DE LAS UNIDADES DIDÁCTICAS
CETPRO: FE Y ALEGRIA N°43 LA SALLE DRE/UGEL: Ventanilla Duración: 116 hrs
Profesor (a): Rubil Helmo Garrido Garrido
UNIDAD DIDACTICA N°01: Lenguaje HTML Fecha: 14 de Marzo al 3 de mayo del 2016
CRITERIOS
CAPACIDADES
APRENDIZAJES CONOCIMIENTOS PROCEDIMIENTOS DE ACTIVIDADES Hrs
TERMINALES
EVALUACIÓN
Específicos
 Conoce el uso,  Introducción al HTML  Abrir un procesador de  Conoce y utiliza la 1. Introducción del curso y exposición de normas,
funciones y sintaxis textos simple para sintaxis básica selección de encargados de área.
del lenguaje HTML  Sintaxis del HTML insertar los códigos de la estructura 2. Fundamentos de Maquetación Web para Diseño I*
HTML de una página 3. Fundamentos de Maquetación Web para Diseño II*
 Crea y aplica  Tu primera página web 4. Diferencias entre HTML4 y HTML5 y su evolución*
formatos de  Inserta atributos y 5. Fundamentos de HTML5 I*
párrafos en HTML.  Formatos de texto y formatos a los textos  Crea una página 6. Fundamentos de HTML5 II*
párrafos en HTML web simple 7. Fundamentos de Css I*
 Conoce la  Inserta elementos a la utilizando 8. Fundamentos de Css II*
estructura de los  Los colores y HTML página web lenguaje HTML. 9. Ejercicios de Maquetación Web*
colores en HTML. 10. Ejercicios de Maquetación Web con Imágenes*
 Enlaces en HTML  Guarda en formato 11. Ejercicios de Maquetación Web y Photoshop*
 Conoce acerca de HTML 12. Insertar elementos y formatos HTML5.
los enlaces HTML  Imágenes en HTML 13. Uso de imágenes y galerías en la web.
 Configura el inicio de 14. Herramientas de uso para creaciones web CSS3
 Conoce otros  Tablas en HTML una Sentencia HTML 15. Crear una web dedicada a la cultura y educación.
elementos y 16. GetUserMedia, Canvas y Geolozacion, uso de 86
formatos HTML  Declaración Metatag  Crea servidor de Web videos
Editar virtual 17. Offline, Almacenamiento, Websockects y
instrucciones en  Conoce el uso de Webworkers
los metatags para  Implementa servidor 18. Usar VirtualBox para servidor Web Centos
lenguaje HTML
el posicionamiento web virtual 19. Usar Jquery para subir imágenes al servidor web
en buscadores. 20. Practica: Elaboración de web personalizada
 Presenta web en red 21. Practica: elaboración de web informativa
con servidor virtual. 22. Practica: formularios simples con Ajax
23. Practica: uso de imágenes y videos en web
24. Practica: web y Gif
25. Practica: web para tutoría matemática.
26. Practica: crear un foro
27. Practica: crear una web de encuestas
28. Practica: correcciones de la web I
29. Practica: correcciones de la web II
30. Practica Final.

Complementario
 Inglés Técnico 30
 Gestión Empresarial y Emprendimiento
 Formación y orientación Laboral
CETPRO: FE Y ALEGRIA N°43 LA SALLE DRE/UGEL: Ventanilla Duración: 96 hrs
Profesor (a): Rubil Helmo Garrido Garrido
UNIDAD DIDACTICA N°02 : PHP I Fecha: 4 de Mayo al 21 de Junio del 2016

CAPACIDADES CRITERIOS DE
APRENDIZAJES CONOCIMIENTOS PROCEDIMIENTOS ACTIVIDADES Hrs
TERMINALES EVALUACIÓN
Específicos
 Conoce las  Conoce herramientas de  Abrir el programa y navega  Identifica Reconoce 1. Introducción a PHP
Herramientas para crear PHP en ella. y utiliza 2. Uso de Xamp y Netbeans
una web. adecuadamente las 3. Uso de Variables y Constantes.
 Programar en nivel  Realizar dibujos y rellenos herramientas y el 4. Tipos de Datos y Operadores.
 Utiliza varias junior en PHP utilizando la caja de entorno del 5. Estructuras de Control I.
aplicaciones para crear herramientas programa de PHP 6. Estructuras de control II.
un servidor web  Animaciones para web 7. Estructuras de control III.
con Ajax y Jquery  Animar objetos del área de  Crea animaciones a 8. Publicar una web personal.
 Conoce la línea de trabajo: movimiento y partir de Ajax y 9. Funciones I
tiempo, las capas y las  Guías y máscaras forma. Jquery con funciones 10. Funciones II
distintas maneras de e interacción con el 11. Funciones III
trabajar.  Símbolos y biblioteca  Crear botones, clips de usuario en php. 12. Arreglos I
interacción con el usuario 13. Arreglos II
 Utiliza la biblioteca de  Gráficos y Sonido 14. Entrada y Salida de Datos
PHP y Jquery.  Insertar gráficos y sonidos a 15. Ficheros y Directorios
 JavaScript básico una película 16. Calculadora Básica con PHP (expo) – 70
 Crea una Web de Materiales a seleccionar
Crear animaciones
imágenes.  Webs publicitarias  Crear interacción de 17. Web de interacción Social
vectoriales para 18. Conversión de tipos de datos y
elementos de una película
reproducirlas en la  Conoce la estructura y Manejo de constantes.
Web sintaxis del lenguaje  Crear un Foro 19. Definición y uso de contenido
con javascript común en una aplicación web
 Crear un Chat 20. POO en php
 Optimiza y publica 21. Practica: un foro
películas  Presenta su trabajo 22. Practica: Manejo de Formularios
desarrollado en red con 23. Uso de Sesiones I
servidor virtual. 24. Uso de Sesiones II
25. Uso de Sesiones III
26. Programación orientada a Objetos

Complementario
 Inglés Técnico
 Gestión Empresarial y Emprendimiento 26
 Formación y orientación Laboral
CETPRO: FE Y ALEGRIA N°43 LA SALLE DRE/UGEL: Ventanilla Duración: 88 hrs
Profesor (a): Rubil Helmo Garrido Garrido
UNIDAD DIDACTICA N°03 : PHP II Fecha : 22 De Junio al 27 de Julio del 2016
CAPACIDADES APRENDIZAJES CRITERIOS DE ACTIVIDADES Hrs
TERMINALES CONOCIMIENTOS PROCEDIMIENTOS EVALUACIÓN
Específicos
 Conoce las aplicaciones  Introducción al PHP  Abrir y explorar el  Identifica Reconoce 1. Manejo de Imágenes con php
del lenguaje PHP programa y utiliza 2. Herramientas
 Elementos del editor adecuadamente las 3. Insertar diferentes tipos de enlaces a
 Conoce las distintas  Utilizar las barras de herramientas y el una web.
utilidades y sus  Listas herramientas y propiedades entorno del 4. Insertar electos PHP a una web.
funcionalidades del software programa de 5. Publicar una página web.
 Formularios edición web. 6. Interacción de PHP & MYSQL
 Crea listas ordenadas y  Utilizar los comandos para 7. PHP orientado a Objetos
desordenadas  Tablas dar formato a una página  Crea sitios web 8. Manejo de Sesiones y Gráficos I
web correctamente 9. Manejo de Sesiones y Gráficos II
 Crea formularios  Imágenes enlazados y los 10. Manejo de Sesiones y Gráficos III
 Utilizar la barra de publica en un 11. Carrito de compras, Upload, PDF y
 Crea estructuras  Enlaces internos y herramientas para insertar servidor web. códigos de Validación
completas de páginas externos tablas, formularios, 12. Carrito de compras, Upload, PDF y
web utilizando tablas imágenes y enlaces. códigos de Validación II
 Integración con otros 13. Carrito de compras, Upload, PDF y
60
 Inserta Imágenes productos.  Utilizar los comandos para códigos de Validación III
Diseñar y editar insertar electos PHP a una 14. Manejo de Capas – MCV y Ajax I
estructuras de  Inserta películas  Agregar una web 15. Manejo de Capas – MCV y Ajax II
aplicación elaborada 16. Manejo de Capas – MCV y Ajax III
una página Web.
 Conoce requerimientos con Jquery.  Implementa su web en 17. Practica: Web chat
mínimos para publicar servidor virtual y de prueba 18. Practica: Web de Compras
una web.  Publicación en en internet. 19. Practica: Plantillas Web
servidores 20. Practica: Web personalizada
21. Practica: Organizador Web
22. Pactico: Conexión a Base de Datos.
23. Normalización de Base de datos para
web
24. Exposición de Web corporativas
25. Presentación de Web
26. Practica Final

Complementario
 Inglés Técnico
10
 Gestión Empresarial y Emprendimiento
 Formación y orientación Laboral

Finaliza un 22 de Julio del 2016

Valores y Actitudes
 Responsabilidad  Solidaridad
 Trabajo en equipo  Veracidad
 Laboriosidad  Perseverancia
 Honradez  Equidad y justicia para el desarrollo humano integral adecuado.
 Democracia  Responsabilidad
 Respeto

Ejes Transversales
 Valores  Equidad
 Ciudadanía  Inclusión social
 Medio ambiente

Estrategia metodológica
 Dialogo
 Exposición
 Trabajo grupal/individual
 Proyecto
 Análisis/síntesis
 Observación
 Lluvia de ideas
 Uso de ejemplos, casos
 Demostración
 Entrenamiento guiado por computadora

Recursos
 Pizarra  Disquetes
 Plumones  Memoria PHP
 Computadora  Impresora