Colegio Técnico Provincial 

“Olga B. de Arko” 
Año 2019 

Departamento de Propuestas Institucionales  

Proyecto institucional para acompañamiento a las 
trayectorias escolares  
Espacios de Definición Institucional (EDI) 
Proyecto de Orientación y Tutoría (POT) 

Denominación del proyecto

Creatividad y resolución de problemas con desarrollo web. Para un futuro con

más oportunidades.

Justificación

Con el rápido avance de las nuevas tecnologías, debemos generar en nuestros

jóvenes entusiasmo por las ciencias de la computación, brindándoles herramientas
útiles para su integración en futuras experiencias laborales.
Como docentes y profesionales instruidos en la materia, debemos brindar una
capacitación de calidad, para facilitar un aprendizaje innovador y colaborativo,
favoreciendo el desarrollo del pensamiento computacional, habilidades y
competencias, para la resolución de problemas que atraviesan a nuestras sociedades,
preparando a los jóvenes para los desafíos intelectuales, laborales y personales del
futuro, tal como propone el gobierno de nuestra provincia en su proyecto de ley,
declarando de interés provincial la implementación de esta enseñanza (programación y
robótica) en las escuelas públicas de la provincia de tierra del fuego, en los niveles
primario y secundario (extracto del mensaje 13/18, poder ejecutivo TDF).

Objetivos y metas

Que los alumnos puedan:

✔ Adquirir conceptos de los lenguajes que se aplican para el desarrollo web,
propiciando la reflexión acerca de la utilidad de los mismos para representar
ideas.
✔ Obtener otra visión de cómo resolver un problema mediante técnicas de
pensamiento computacional.
✔ Incorporar el uso de la imaginación y la creatividad, incentivándolos a
implementar las estrategias aprendidas para ser más que un usuario de páginas
realizadas por terceros.
✔ Aprender a trabajar en equipo de forma colaborativa y con reflexión crítica.
 ✔ Aumentar sus habilidades de análisis para que puedan aplicarlas en la
resolución e implementación de sus propias páginas.
✔ Estimular su confianza mediante el desarrollo de una página web básica
personalizada a gusto de cada uno.

Destinatarios

El taller estará orientado a alumnos de 5to y 6to año de ciclo superior

(especialidad técnico en programación). Los mismos serán de carácter obligatorio y de
duración trimestral, dividido en dos trimestres (repitiendo el dictado del taller en cada
uno de ellos), para poder repartir los grupos de manera adecuada por la escasa
disponibilidad de espacio físico. Como ejemplo, podría impartirse el primer taller para
los alumnos de 5to de ambas divisiones la primer mitad del año, y luego del receso
invernal para los alumnos de 6to de ambas divisiones.

Metodología

Organización temporal​: los encuentros serán semanales, distribuidos en, al

menos, 12 encuentros en total (cada trimestre), con una duración de 2 horas cátedra
por encuentro.

Contenidos temáticos​: los siguientes contenidos deberán adaptarse al nivel de

cada grupo, los cuales se dividirán en dos (como ya se mencionó en el apartado
“Destinatarios”), brindando actividades de distinto carácter para cada uno.

● Unidad temática 1: ¿Cómo funciona la web?

Introducción a los conceptos básicos del funcionamiento de la web y cómo
intervienen los lenguajes HTML y CSS en el mismo. Comprender por dónde empezar,
aplicando un flujo de trabajo a un proyecto de página web. Breve explicación para
dejar en claro que herramientas se van a utilizar.

● Unidad temática 2: Armando una página con HTML​.

Demostración de la estructura principal de una página web e importancia del tipo
de documento, aplicando el desarrollo de actividades y ejemplos para mostrar la
forma en que se organizan los elementos estructurales, cuáles son sus propósitos y
cómo y porqué aplicar atributos globales. Representación del contenido como textos,
enlaces, imágenes, listados y tablas con las etiquetas correspondientes. Formas de
interactuar con el documento HTML para la inserción de información, comunicación
de datos y modificación del comportamiento mediante el uso de formularios, sus
etiquetas específicas y el envío de los mismos.

● Unidad temática 3: Embelleciendo la página con CSS​.

Aplicación de estilos al documento HTML para determinar cómo se mostrará la
información en pantalla y concepto de hojas de estilo en cascada. Declaración de las
propiedades en un archivo externo y como usarlo desde el HTML. Formas de
referenciar uno o varios elementos, ya sea por nombres, atributos Id, atributos class,
entre otros. Ejemplos de seudoclases. Definición de estilos por medio de propiedades
de formato y de diseño, para aplicar a texto, modificar colores, tamaños, insertar
fondos, bordes, sombras, usar gradientes, filtros, realizar transformaciones,
transiciones, animaciones.

● Unidad temática 4: Entendiendo el posicionamiento de elementos con el diseño

de caja.
Usos de la misma para determinar el área que cada elemento ocupa. Clasificación
de los elementos en “block” e “inline”, para organizar las cajas y descripción de sus
características. Establecer la posición de los elementos con el modelo de caja
tradicional y aplicarle propiedades para mostrar contenido flotante o cajas flotantes,
establecer posicionamiento absoluto, facilitar la creación de columnas. Mejorar la
distribución de las cajas con el modelo flexible, usando contenedor flexible y
organizando elementos flexibles.

● Unidad temática 5: Aprendiendo a innovar usando diseño web adaptable​.

Cómo aplicarlo a web móvil por medio de media queries, resolver cambios
significativos para adaptar el tamaño de las pantallas con puntos de interrupción,
aprender a normalizar el área de visualización, aplicar flexibilidad, propiedad
box-sizing, valores fijo y flexible, texto, imágenes.

Modalidad de trabajo​: se deberán realizar actividades orientadas al trabajo

individual del alumno y otras para trabajo en grupo, reforzando los conocimientos con
apuntes brindados por el profesor y ejercitación con varios ejemplos resueltos y otros
a resolver por los alumnos, buscando una participación activa de su parte.
Los contenidos a elaborar, tanto los conceptuales como los procedimentales y
actitudinales, deberán orientarse al interés de los alumnos y a su desarrollo evolutivo,
estructurando los mismos con criterios de orden, profundidad, validez y potencialidad
para contribuir al desarrollo de sus capacidades.

Perfil docente o capacitador​: conocimientos avanzados en los lenguajes de

desarrollo web a impartir, conocimiento de diversas herramientas de aplicación para
brindar distintas opciones, vocación por la docencia y mucha creatividad para las
actividades requeridas por el taller.

Tareas​:

● Obtener un espacio en alguno de los laboratorios de informática o acceso al

laboratorio móvil (de haberlo).
● Contratar al personal calificado para el dictado del taller.
● Realizar la difusión correspondiente en todos los cursos destinatarios del colegio.
● Solicitar una planificación acorde a los contenidos mínimos especificados.
Monitoreo y evaluación

Para los participantes:

Criterios de evaluación:
❖ Participar activamente de todas las actividades propuestas.
❖ Comprender y seguir un texto instructivo.
❖ Aplicar el pensamiento computacional.
❖ Manejar con soltura las herramientas utilizadas.
❖ Traducir con éxito el lenguaje natural a código.
❖ Mostrar hábitos de trabajo individual y colectivo: esfuerzo, responsabilidad,
autonomía, organización, curiosidad e interés por aprender.
❖ Colaborar con los demás en el trabajo de grupo.

Instrumentos de evaluación para los participantes del proyecto:

❖ Autoevaluación.
❖ Coevaluación.
❖ Lista de cotejo y escalas.

Del proyecto:

Criterios de Evaluación del proyecto:

❖ Participación activa de los participantes.
❖ Desarrollo de las actividades propuestas.
❖ Productos desarrollados a lo largo o al finalizar el proyecto.
❖ Impacto y satisfacción de los participantes.
❖ Incidencia en la comunidad educativa.

Instrumentos de evaluación del proyecto:

❖ Cuestionarios.
❖ Encuestas o entrevistas.
❖ Análisis de los productos realizados a lo largo o al final del proyecto.
❖ Autoevaluación.
❖ Heteroevaluación.
❖ Lista de cotejo y escalas.