Diseño de taller web

1. 1
Aplicaciones prácticas de la programación
estructurada para Web
DIRECCIÓN DE EVALUACIÓN, ASUNTOS DEL PROFESORADO Y
ORIENTACIÓN EDUCATIVA
SUBDIRECCIÓN DE FORMACIÓN Y ASUNTOS DEL PROFESORADO
-
Julio 2015

2. 2
ÍNDICE
Págs.
PRESENTACIÓN…………………..……………………………………………… 3
INTRODUCCIÓN…………………..………………………………………………. 5
I. DATOS GENERALES…………………….………….……………………. 6
II. PROPÓSITO………………………………………………………………. 6
III. COMPETENCIAS DOCENTES…………………….……………………….. 6
IV. CONTENIDOS……………………………………………………………… 7
V. PRODUCTO FINAL….…………………………………………….……… 8
VI. CRONOGRAMA……………………………………………………………. 8
VII. CRITERIOS DE EVALUACIÓN Y ACREDITACIÓN…………………………….. 9
VIII. RECURSOS DIDÁCTICOS………………………………………………….. 10
IX. INSTRUMENTOS DE EVALUACIÓN…………………………………………. 10
X. FUENTES CONSULTADAS…………………………………………………. 17

3. 3
PRESENTACIÓN
Los profesores se desenvuelven en su espacio profesional fundamentalmente como
formadores. Sin embargo, es necesario incorporar la idea de que en el Colegio de
Bachilleres, como en cualquier otra institución educativa, no sólo los jóvenes son los
destinatarios esenciales de la formación y el aprendizaje, sino que los profesores son
también sujetos de aprendizaje en la institución.
Esta doble condición en su ejercicio profesional, ser formador y ser sujeto en
formación, ofrecen un matiz a la perspectiva que se tiene sobre el conjunto de
personas y procesos que se desarrollan en las escuelas. Transmitir y construir esta
perspectiva constituye un aprendizaje en las instituciones y promueve el desarrollo de
la cultura colaborativa, en donde de diversas formas y en distintas direcciones se
busca el aprendizaje de todos los actores educativos.
Desde esta perspectiva, la formación docente constituye una acción igual de relevante
que la educación de los alumnos, en tanto que juega el papel de soporte de ésta y es
un motor para impulsar a los planteles escolares hacia niveles mayores de calidad en
el servicio educativo que ofrecen.
La formación docente puede desarrollarse desde diferentes perspectivas
epistemológicas y sociológicas, es decir, su concepción y desarrollo están vinculados
con la manera en que construyen su conocimiento pedagógico y sus habilidades
prácticas de enseñanza, así como con la forma en que aprenden a partir de reflexionar
con sus colegas sobre sus prácticas diferentes y coincidentes.
En este sentido, las acciones de formación, tales como cursos, talleres, seminarios,
jornadas académicas y de gestión, entre otras, dirigidas a los docentes de los
planteles del Colegio de Bachilleres, contribuyen a lograr propósitos de mejoramiento
de la comprensión del currículum, de profundización de contenidos disciplinares y de
manejo competente de herramientas didácticas, que permitan la construcción de
conocimientos significativos por parte de los alumnos, de desarrollo de habilidades
sociales, comunicativas, de pensamiento lógico, laborales y emocionales, entre otros
tantos más, de competencias para el manejo de las nuevas tecnologías del
conocimiento y la información.
El profesor requiere aprender de cada situación a la que se enfrenta, por lo que su
experiencia es fundamental si toma como objeto de reflexión su propia práctica, con el
propósito de mejorarla y transformarla.
Toda acción formativa es una oportunidad para el desarrollo profesional docente. En
este sentido, los cursos y talleres de formación que lleva a cabo la Dirección General

4. 4
del Colegio de Bachilleres, tienen el propósito de enriquecer el desempeño docente, a
partir de la revisión y análisis de la práctica educativa, del perfil único para el ingreso a
funciones docentes y técnico docente (dimensiones/competencias) y de las
problemáticas que enfrentan en las aulas con respecto a la didáctica de las disciplinas
que integran los campos de formación establecidos en el plan de estudios.
De acuerdo a lo anterior, se espera que estas acciones constituyan una actividad
valiosa y enriquecedora para los académicos del Colegio de Bachilleres, interesados
en mejorar su formación y de esta manera, fortalecer su práctica profesional.

5. 5
INTRODUCCIÓN
Actualmente los proyectos web son cosa de todos los días, hacer una buena selección
de las tecnologías para desarrollarlos es vital para el triunfo o fracaso del mismo. Se
debe considerar, entre otras cosas, que el lenguaje de programación web PHP es ideal
para las personas que ya han utilizado HTML, CSS, javascript ya que la curva de
aprendizaje de éste es sencilla, facilitando su uso y aplicación inmediata, además de
que la sintaxis es muy similar al lenguaje C++.
Como programador las ventajas del lenguaje PHP son muchas, fácil acceso a diferentes
motores de bases de datos, código libre y abierto, multiplataforma, alto nivel, es
complemento modular de apache lo que le da una excelente velocidad, existe
abundante documentación para su uso así como grupos de apoyo.
Para tener un buen dominio del lenguaje se requiere tener habilidades en el uso de la
programación modular y estructurada, ya que esto potencializará su aplicación en
diversas soluciones.
Es por esto que en el desarrollo del curso adquirirás habilidades para desarrollar
soluciones informáticas, considerando como principal paradigma de desarrollo a la
programación estructurada, articulando a la vez, el manejo de información con bases de
datos.
Como herramienta de desarrollo se utilizará la tecnología WAMP (Windows, Apache,
MySQL y PHP), la cual nos permitirá configurar un servidor personal para alojar nuestro
sitio y que a la vez contenga el intérprete del lenguaje PHP para responder a los
clientes, mediante una página dinámica, las solicitudes recibidas. El manejador de base
de datos incluido dentro de esta tecnología nos permitirá de forma sencilla, práctica y
segura utilizar bases de datos que se pondrán a disposición del cliente mediante el sitio
programado en el lenguaje PHP.

6. 6
I. DATOS GENERALES
 Nombre del curso: Aplicaciones prácticas de la programación estructurada para
Web.
 Modalidad: presencial
 Duración: 25 horas
 Fechas de trabajo: Del 13 al 17 de julio de 2015
 Horario: 16:00 – 21:00 horas
 Destinatarios: Profesores que imparten las salidas ocupacionales de
Programador de Sistemas de Cómputo y Programador de Páginas Web
 Requisitos de participación: Contar con fundamentos de lógica computacional
 Diseño del curso: Luis Gabriel Mondragón Torres
II. PROPÓSITO
Desarrollar aplicaciones web mediante el uso del paradigma de programación
estructurada con acceso a bases de datos, con el fin de desarrollar soluciones
informáticas con criterios definidos.
III. COMPETENCIASDOCENTES
1. Organiza su información continua a lo largo de su trayectoria
profesional.
 Reflexiona e investiga sobre la enseñanza y sus propios procesos de
construcción del conocimiento.

7. 7
 Se evalúa para mejorar su proceso de construcción del conocimiento y
adquisición de competencias, y cuenta con una disposición favorable para
la evaluación docente y de pares.
 Aprende de las experiencias de otros docentes y participa en la
conformación y mejoramiento de su comunidad académica.
 Se mantiene actualizado en el uso de la tecnología de la información y la
comunicación.
2. Domina y estructura los saberes para facilitar experiencias de
aprendizaje significativo.
 ·Argumenta la naturaleza, los métodos y la consistencia lógica de los
saberes que imparte.
4. Lleva a la práctica procesos de enseñanza y de aprendizaje de
manera efectiva, creativa e innovadora a su contexto institucional.
 Utiliza la tecnología de la información y la comunicación con una aplicación
didáctica y estratégica en distintos ambientes de aprendizaje.
 Evalúa los procesos de enseñanza y de aprendizaje con un enfoque
formativo.
IV. CONTENIDOS
Los temas de estudio que se abordarán durante el curso son:
1. Metodología para el Desarrollo web, lenguajes del lado del cliente (HTML,
CSS, JavaScript).
2. Principios de programación.
3. Programación estructurada, Servidores y lenguajes del lado del servidor
(PHP)
4. Programación en PHP
5. Bases de datos
6. Página web dinámica

8. 8
V. Producto Final
Solución informática: Página Web dinámica.
VI. CRONOGRAMA
Lunes Martes Miércoles Jueves Viernes
13 de julio 14 de julio 15 de julio 16 de julio 17 de julio
Sesión 1
Tema:
Metodología
para el
Desarrollo web,
lenguajes del
lado del cliente
(HTML, CSS,
JavaScript).
Principios de
programación.
Producto:
3 páginas web
escritas con
HTML, CSS y
Javascript.
Sesión 2
Tema:
Programación
estructurada,
Servidores y
lenguajes del
lado del servidor
(PHP).
Producto:
2 casos
resueltos
mediante
programación
estructurada.
Sesión 3
Tema:
Programación
en PHP.
Producto:
Página web
desarrollada en
PHP.
Sesión 4
Tema:
Bases de datos.
Producto:
Página web
desarrollada en
PHP con
conexión a
bases de datos.
Sesión 5
Tema:
Página Web
dinámica.
Producto:
Solución
informática:
página web
dinámica.

9. 9
VII. CRITERIOS DE EVALUACIÓN Y ACREDITACIÓN
Para acreditar el curso se requiere:
 Asistir al 100% de las sesiones, considerando que dos retardos1
equivalen a una
inasistencia.
 Participar activamente en el 100% de las sesiones.
 Entregar en tiempo y forma los productos solicitados.
Productos a evaluar:
No. de
sesión
Producto(s)
Criterios para su
elaboración y evaluación*
Medio de
evaluación
1
3 páginas web escritas
con HTML, CSS y
Javascript.
Cada una de las tres páginas está
escrita en HTML, CSS y JavaScript
respectivamente, mostrando
funcionalidad en cualquier navegador
de internet.
Lista de cotejo
No. 1 “Páginas
programadas
con lenguajes
del lado del
cliente”
2 2 casos resueltos
mediante programación
estructurada.
Cada uno de los dos casos resueltos
utiliza estructuras de control y están
descritos en pseudocódigo.
Lista de cotejo
No. 2
“Programación
estructurada”
3 Página web desarrollada
en PHP.
La página web se encuentra
programada en PHP y con salida a
Internet.
Lista de cotejo
No. 3 “PHP”
4 Página web desarrollada
en PHP con conexión a
bases de datos.
La página web se encuentra
programada en PHP con conexión a
una base de datos y con salida a
Internet.
Lista de cotejo
No. 4 “PHP y
MySQL”
5 Solución informática:
página web dinámica.
La solución informática sigue el
procedimiento de desarrollo de
proyectos considerando el desarrollo de
una página web con PHP y base de
datos.
Lista de cotejo
No. 5
“Solución
informática”
* En la evaluación de los productos finales se podrán considerar los siguientes aspectos:
 Redacción y ortografía
 Información original (no cometer plagio).
 Identificación y análisis de la problemática presentada.
 Ideas, opiniones, reflexiones y propuestas, presentados en forma clara y congruente.
 Inclusión de citas, referencias y fuentes consultadas, las cuales deben ser actuales.
1
Se considera retardo cuando el participante se presenta después de la tolerancia acordada (15 minutos),
excede el tiempo asignado en los recesos o se retira antes de concluir la sesión.

10. 10
VIII. RECURSOS DIDÁCTICOS
 Redes sociales
Blog cbappew.blogspot.com
 Software
Tecnología WAMP
Eclipse
IX. INSTRUMENTOS DE EVALUACIÓN
 Instrumentos de evaluación
Evaluación diagnóstica
Lista de cotejo No. 1 “Páginas programadas con lenguajes del lado del cliente”
Lista de cotejo No. 2 “Programación estructurada”
Lista de cotejo No. 3 “PHP”
Lista de cotejo No. 4 “PHP y MySQL”
Lista de cotejo No. 5 “Solución informática”

11. 11
COLEGIO DE BACHILLERES
EVALUACIÓN DIAGNÓSTICA
NOMBRE FECHA:
PROPÓSITO
Identificar si se cuenta con los conceptos básicos de la lógica computacional.
INSTRUCCIONES
Lea las siguientes preguntas y conteste lo que se solicita.
1. ¿Para qué sirve la lógica computacional?
2. ¿Qué es la programación?
3. ¿En la lógica computacional qué significan los siguientes símbolos?
¬
^


INSTRUCCIONES
Resuelve la siguiente tabla de verdad.
p q ¬p p^q pq
V V
V F
F V
F F

12. 12
COLEGIO DE BACHILLERES
LISTA DE COTEJO NO 1
“PÁGINAS PROGRAMADAS CON LENGUAJES DEL LADO DEL CLIENTE”
NOMBRE FECHA:
PROPÓSITO
Verificar que las tres páginas web elaboradas estén elaboradas con lenguajes
del lado del cliente.
INSTRUCCIONES GENERALES
Marque con una X en la columna “SI”, si cuenta con lo solicitado, de lo contrario,
en la columna “NO”.
ASPECTO
CUMPLE
VALOR
SI NO
Página HTML (30%)
Contiene imágenes y texto 10
Utiliza etiquetas propias del HTML 10
Se visualiza en un navegador web 10
Página CCS (30%)
Contiene hojas de estilo 15
Contiene página web referenciando
página de estilo
5
Utiliza etiquetas propias del CCS 5
Se visualiza en un navegador web 5
Página JavaScript (40%)
Contiene menús 20
Utiliza etiquetas propias del CCS 10
Se visualiza en un navegador web 10
Total 100

13. 13
COLEGIO DE BACHILLERES
LISTA DE COTEJO NO 2 “PROGRAMACIÓN ESTRUCTURADA”
NOMBRE FECHA:
PROPÓSITO
Verificar la elaboración de 2 pseudocódigos que cumplan con los criterios
establecidos en los casos.
INSTRUCCIONES GENERALES
Marque con una X en la columna “SI”, si cuenta con lo solicitado, de lo contrario,
en la columna “NO”.
ASPECTO
CUMPLE
VALOR
SI NO
Pseudocódigo 1 (50%)
Utiliza estructuras de datos
10
Utiliza estructuras de control
10
Utiliza un lenguaje estructurado y
con secuencia lógica
20
Está documentado
5
Resuelve el problema planteado
5
Pseudocódigo 2 (50%)
Utiliza estructuras de datos
10
Utiliza estructuras de control
10
Utiliza un lenguaje estructurado y
con secuencia lógica
20
Está documentado
5
Resuelve el problema planteado
5
Total 100

14. 14
COLEGIO DE BACHILLERES
LISTA DE COTEJO NO 3 “PHP”
NOMBRE FECHA:
PROPÓSITO
Verificar si la página web se encuentra elaborada con un lenguaje del lado del
servidor.
INSTRUCCIONES GENERALES
Marque con una X en la columna “SI”, si cuenta con lo solicitado, de lo contrario,
en la columna “NO”.
ASPECTO
CUMPLE
VALOR
SI NO
Página web
La lógica de programación no
contiene errores y se desarrolla de
forma estructurada
50
Es interpretada correctamente por el
servidor
10
Contiene estructuras de datos
10
Contiene estructuras de control
10
Está documentado
5
Se visualiza en cualquier navegador
web
5
Resuelve el problema planteado
10
Total 100

15. 15
COLEGIO DE BACHILLERES
LISTA DE COTEJO NO 4 “PHP Y MYSQL”
NOMBRE FECHA:
PROPÓSITO
Verificar si la página web se encuentra elaborada con un lenguaje del lado del
servidor con conexión a bases de datos.
INSTRUCCIONES GENERALES
Marque con una X en la columna “SI”, si cuenta con lo solicitado, de lo contrario,
en la columna “NO”.
ASPECTO
CUMPLE
VALOR
SI NO
Página web con conexión a base de datos
La lógica de programación no
contiene errores y se desarrolla de
forma estructurada
40
Es interpretada correctamente por el
servidor
5
Contiene estructuras de datos
10
Contiene estructuras de control
10
Obtiene información de una base de
datos.
20
Está documentado
5
Se visualiza en cualquier navegador
web
5
Resuelve el problema planteado
5
Total 100

16. 16
COLEGIO DE BACHILLERES
LISTA DE COTEJO NO 5 “SOLUCIÓN INFORMÁTICA”
NOMBRE FECHA:
PROPÓSITO
Verificar que la Solución Informática desarrolle por lo menos una página web.
INSTRUCCIONES GENERALES
Marque con una X en la columna “SI”, si cuenta con lo solicitado, de lo contrario,
en la columna “NO”.
ASPECTO
CUMPLE
VALOR
SI NO
La parte documentada del proyecto contiene (30%)
Carátula
1
Introducción
4
Descripción del problema
5
Análisis del problema
10
Propuesta de solución
10
La parte programada del proyecto contiene en la página web elaborada (70%)
Código en PHP
35
Código en CCS
5
Código en JavaScript
5
Conexión a una base de datos
20
Con salida a Internet
5
Total 100

17. 17
X. FUENTES CONSULTADAS
López, J. (2008). Domine PHP y MySQL, programación dinámica del lado del servidor.
México: Alfaomega Grupo editor (México) Ra - Ma.
- Gutiérrez, A. y Bravo, G: (2008). PHP5 a través de ejemplos. México: Alfaomega
Grupo editor (México) Ra - Ma.
- Pérez, C. (2004). MySQL para Windows y Linux. México: Alfaomega Grupo editor
(México) Ra - Ma.

18. 18
DDIIRREECCTTOORRIIOO
SYLVIA B. ORTEGA SALAZAR
DIRECTORA GENERAL
MAURO SERGIO SOLANO OLMEDO
SECRETARIO GENERAL
REMIGIO JARILLO GONZÁLEZ
DIRECTOR DE EVALUACIÓN, ASUNTOS DEL PROFESORADO
Y ORIENTACIÓN EDUCATIVA
LAURA MONTALVO DÍAZ
SUBDIRECTORA DE FORMACIÓN Y ASUNTOS DEL PROFESORADO
CELIA CRUZ CHAPA
SUBDIRECTORA DE CAPACITACIÓN PARA EL TRABAJO
ELENA SARA GARCÍA PADILLA
JEFA DE DEPARTAMENTO DE ACTUALIZACIÓN DOCENTE
VICTOR HUGO CARVENTE CONTRERAS
JEFE DEL DEPARTAMENTO TÉCNICO
CLAUDIA ADRIANA LÓPEZ GONZÁLEZ
CORDINADORA DE DESARROLLO DOCENTE DE FORMACIÓN LABORAL
LUIS GABRIEL MONDRAGÓN TORRES
INSTRUCTOR