tecnico superior en desarrollo web 2 - upi.ac.cr · perfil de profesional del estudiante ......

87
TÉCNICO SUPERIOR EN DESARROLLO WEB

Upload: buihanh

Post on 19-Oct-2018

227 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

TÉCNICO SUPERIOR EN DESARROLLO WEB

Page 2: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PERFIL DE PROFESIONAL DEL ESTUDIANTE

El graduado en el Técnico de Desarrollo Web, tendrán la capacidad de diseñar, construir, analizar, entre otras habilidades; serán capaces de apoyar en la resolución de problemas gráficos y comunicación que se detallen con el internet. Con ellos, la mejoras que se van a llevar acabo con los sistemas de acceso y la distribución de la información, con la utilización de nuestra tecnología de punta.

MALLA CURRICULAR

Malla curricular propuesta

I Q

Código Nombre de la materia Créditos

 TDW-01 Introducción a la programación 4

 TDW-02 Diseño web 4

 TDW-03 Inglés I 4

II Q

Código Nombre de la materia Créditos

 TDW-04 HTML5 App Development Fundamentals* 4

 TDW-05 Bases de datos 4

 TDW-06 Inglés II 4

III Q

Código Nombre de la materia Créditos

 TDW-07 PHP Básico 4

 TDW-08 JavaScript 4

 TDW-09 Inglés III 4

IV Q

Código Nombre de la materia Créditos

 TDW-10 PHP Avanzado 4

 TDW-11 Responsive Web Design. 4

 TDW-12 Inglés IV 4

Page 3: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para
Page 4: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMAS DE LOS CURSOS

Page 5: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Técnico en Desarrollo Web

Nombre del curso: Introducción a la programación

Código del curso: TDW-01

Número de créditos: 4

Requisitos: Quinto año aprobado

Nivel: 1

Justificación

Es el primer entorno que se les ofrece a los estudiantes a la hora de la programación de computadores en la que lleva características, practicas, que conllevan a aplicar la lógica en la resolución de algún problema.

Objetivo General

Establecer la lógica que debe de tener un estudiante a la hora de la implementación de un programa, con la base de dirigirse en el buen camino de una programación de cualquier lenguaje.

Objetivos Específicos

Que el estudiante sea capaz de:

• Conocer la lógica como tal que se necesita para poder diseñar algún programa que se necesite no específicamente en un lenguaje.

• Identificar los diferentes problemas que se muestran y encontrar la solución. • Definir las estructuras que se necesiten para la programación.

Page 6: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Contenidos TEMA 1. Lenguaje de Programación

a. Lenguaje máquina

b. Lenguaje ensamblador

c. Lenguaje de alto nivel

d. Alfabeto y gramática

e. Sintaxis y semántica

f. Compiladores e interpretadores

g. Tipos de programas

h. Programa fuente

i. Programa objeto

j. Programa ejecutable

TEMA 2. Diagrama de Flujo

a. Diagramas de flujo del sistema

b. Diagramas de flujo del programa

c. Normalización

TEMA 3. Notación Pseudocódificada

a. Pseudocódigo de programas

b. Pasos del pseudocódigo al programa

c. Pasos del pseudocódigo al lenguaje

TEMA 4. Programación

a. Lenguaje b. Reseña histórica

Page 7: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

c. Implementación

d. Alfabeto de pascal

e. Diagramas sintácticos

f. El programa pascal

g. Estructura del programa

TEMA 5. OBJETOS Y CLASES

a. Visualizar clases y objetos

b. Tipos de datos (variables)

c. ¿Qué es una clase? Atributos, constructor y métodos

d. Métodos estructurados Funciones y Procedimientos

e. Estado de un objeto

f. Parámetros formales y parámetros actuales

g. Metodología de interface de usuario

TEMA 6. SINTAXIS BÁSICA Y CONDICIONALES EN

a. Cadena de Caracteres.

b. Operadores aritméticos lógicos

c. Sentencia de asignación simple y compuesta

d. Decisión simple y compuesta

e. Retorno de valores

TEMA 7. BIBLIOTECAS DE CLASES.

a. Paquete de código.

b. Objetos del reales y abstractos.

c. ¿Qué es y para qué sirve el API?

d. Organización de librerías API

Page 8: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

e. Importar y usar clases del API

f. Interface de clase.

g. Explorar un método

TEMA 8. ESTRUCTURAS DE REPETICIÓN O BUCLES, COLECCIONES DE OBJETOS Y RECORRIDOS

a. Concepto general de bucle

b. Bucle con instrucción for.

c. Bucle con instrucción while.

d. Bucle con instrucción do … while, Repeat

e. Detener un programa en ejecución.

f. Recursividad

TEMA 9. VECTORES Y MATRICES

a. Conversión de tipos

b. Método valueof para conversión de tipos

c. Ejemplo de conversión de tipos. Tipo obtenido frente a tipo

requerido. Métodos get y remove de ArrayList

d. Generar números aleatorios. Clase Random.

e. Variables de clase o estáticas y constantes.

f. Organizar un proyecto en paquetes (packages).

g. Formas de nombrar packages, jerarquización y visibilidad de

clases.

h. Definición de arrays con estructuras y registros

i. Rellenar un array con un valor u objeto. Método fill de la clase

arrays.

j. Interfaz o interface. Ampliación del concepto.

k. Polimorfismo.

l. Método values. Enumerados clases con campos y

constructores.

Page 9: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

m. Métodos de clase o static frente a métodos de instancia.

TEMA 10. HERENCIA

a. ¿Qué es la herencia en programación orientada a objetos?

b. Jerarquías de herencia. Organización y acceso entre clases.

c. Uso de palabras clave extends y super. Constructores con

herencia.

d. Jerarquía de tipos. Subtipos. Polimorfismo y variables

polimórficas.

e. Conversión de tipos (enmascaramiento). Hacer casting y

ClassCastExceptions

f. Determinación del tipo de variables con instanceof.

g. Tipo estático y tipo dinámico de variables.

h. Modificadores de acceso public, private y protected.

i. Métodos de la clase Object: método toString().

j. Métodos de la clase Object: método equals.

k. Clases y métodos abstractos.

l. Clases abstractas en el API.

m. Herencia múltiple

n. Para qué sirven las interfaces

Metodología del curso

El cuso como tal tiene que ser teórico/práctico es fundamental que sea el estudiante se involucre en procesos activos de construcción del conocimiento y desarrollo de habilidades, destrezas y valores. Para ello se impartirán lecciones donde se cubren los conceptos básicos se analizan los referentes teóricos y sobretodo actividades prácticas, para que el estudiante, deba de desarrollar en el laboratorio y poner en práctica los conocimientos aprendidos.

Page 10: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Algunas de las actividades que se deben realizar son las siguientes:

• Desarrollar (el profesor y los estudiantes) ejercicios prácticos asociados con los temas, en forma individual y grupal, va a crear que para los alumnos sea mejor la implementación de un código.

• Realizar diversas actividades (tareas, trabajo en clase, quices) donde el profesor debe de ver el avance que los estudiantes llevan y promover una actitud y aptitud adecuadas, según la actividad, que se esté promoviendo.

• Realización de ejercicios y actividades de enseñanza-aprendizaje que fomenten la formación de habilidades en los estudiantes.

• Preparación de lenguaje en un programa ayudaría a fomentar el interés del estudiantado y desarrollar las habilidades de investigación, comunicación, trabajo en equipo, entre otras.

• Las clases prácticas y el laboratorio deben brindar aportes al aprendizaje propio, de tal manera que los estudiantes, para la construcción de los conocimientos y destrezas que se requieren como un valor agregado para el perfil personal de los estudiantes.

El profesor con él papel de facilitador debe de ayudar al estudiante a visualizar lo aprendido y poder implementar la lógica en cualquier plano que se le esté dando para desarrollar.

Recursos Didácticos

Como son lecciones en las cuales se requiere que se dé un material y se debe de contar con (proyector, libro, texto, video), los cuales se utiliza como apoyo en la enseñanza, normalmente presencial, con la finalidad de facilitar o estimular el aprendizaje de los alumnos.

Evaluación Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Page 11: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Bibliografía

Joyanes, Luis. Metodología de la programación. México: Mc Graw Hill

Rodríguez Rancel Mario “Aprender a programar Java desde cero. Curso paso a paso.”

Editorial: aprenderaprogramar.com; P.V.P.:

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

Page 12: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Actividades de Aprendizaje

SEMANA TEMA A TRATAR

1 TEMA 1. Lenguaje de Programación

2 , 3 TEMA 2. Diagrama de Flujo

4 TEMA 3. Notación Pseudocódificada

5 TEMA 4. Programación

6 Examen

7 TEMA 5. OBJETOS Y CLASES

8 TEMA 6. SINTAXIS BÁSICA Y CONDICIONALES EN

9 TEMA 7. BIBLIOTECAS DE CLASES.

10 , 11 TEMA 8. ESTRUCTURAS DE REPETICIÓN O BUCLES, COLECCIONES DE OBJETOS Y RECORRIDOS

12 Examen

13 TEMA 9. VECTORES Y MATRICES

14 TEMA 10. HERENCIA

15 Proyecto

Page 13: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Ingeniería en Informática

Nombre del curso: Diseño Web

Código del curso:TDW-02

Número de créditos: 4

Requisitos: Aprobación Quinto año de Colegio

Nivel: 1

Justificación

Esta materia es el primer contacto del estudiante con el entorno informático de diseño web y programación web, por sus características, es un curso netamente práctico, donde el estudiante debe aplicar la lógica en la resolución de problemas.

Objetivo General

Introducir al estudiante en los conceptos básicos para generar un diseño web apropiado a las necesidades que el entorno de un cliente requiere, con el fin de brindar la solución correcta y acertada.

Objetivos Específicos

- Introducir al estudiante en el concepto de diseño web - Introducir al estudiante en la Arquitectura de Información correspondiente para

generar el adecuado diseño - Introducir al estudiante en el diseño de una interface para el usuario - Introducir al estudiante en el código necesario para diseñar una página web - Introducir al estudiante en los conceptos de programación y scripts - Introducir al estudiante en el manejo de multimedia dentro de un diseño web

Page 14: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Contenidos

TEMA 1: Diseño Gráfico

- Presentación y Diseño - Gráficas - Fuentes - Colores - Estructuras - Imágenes

TEMA 2: Diseño de Interface

- Conceptos - Usabilidad - Botones - Links - Navegación - Dispositivos de presentación - Organización

TEMA 3: Producción de Documentos

- HTML - CSS - Formularios - Contenido dinámico - Interacción - Sonido - Vídeo - Animación

TEMA 4: W3C – Organización que regula el desarrollo de tecnologías web

- Aplicaciones Web o XHTML o CDF o SVG o SMIL o XForms o CSS o WICD

- Web Móvil o XHTML o SVG o SMIL

Page 15: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

o XForms o CSS o MWI

- Voz o VoiceXML o SRGS o SSML o CCXML o EMMA

- Servicios Web o SOAP o MTOM o WSDL o WS-CDL o WS-A

- Semántica Web o OWL o SKOS o SW BP o RIF

- Privacidad y Seguridad o P3P o APPEL o Firma XML o ENC. XML o XKMS

- TEMA 5: Servidores Web o Banco de Datos o Banco de Imágenes o Banco de Códigos o Funcionalidades o Bases de Datos o Protocolos o Frontend o Backend o AJAX

- TEMA 6: Recursos en el Equipo de Desarrollo o Editores de Código Web o Servidores de Prueba

▪ Apache ▪ MySql

Page 16: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

▪ Servidor PHP

Metodología del curso

El desarrollo de este curso es teórico-práctico y demanda del estudiante su asistencia puntual y su participación activa en el desarrollo e implementación de tareas y trabajos programados, tanto dentro del aula como en casa.

Recursos Didácticos

- Editor HTML - Adobe Dreamweaver - Adobe Photoshop

Evaluación

Bibliografía

- Jennifer Niederst Robbins, Learning Web Design, O’Reilly, ISBN 1449319270 - Equipo Vértice, Técnicas Avanzadas de Diseño Web, Editorial Vértice, ISBN

9788499311241

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Proyecto 25%

Evaluación escrita 60%

I Prueba Parcial 15%

II Prueba Parcial 15%

III Prueba Parcial 30%

Page 17: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

- Jon Duckett, HTML and CSS Design and Build Websites, Wiley, ISBN 1118008189

- Jason Beaird, The Principles of Beautiful Web Design, Sitepoint, ISBN 098057689X

10. Actividades de Aprendizaje

• Explicación en Clase • Demostraciones • Práctica • Discusión en Grupo • Trabajos en Equipo • Proyectos Programados

Page 18: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

11. Cronograma

Semanas Tema a tratar

Nº 1 Tema 1

Nº 2 Tema 2

Nº 3 Tema 2

Nº 4  Tema 3

Nº 5 Examen 1

Nº 6 Tema 3

Nº 7 Tema 4

Nº 8 Tema 4

Nº 9 Tema 4

Nº 10 Examen 2

Nº 11 Tema 4

Nº 12 Tema 5

Nº 13 Tema 6

Nº 14 Tema 6

Nº 15 Examen Final

Page 19: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Técnico en Desarrollo Web

Nombre del curso: HTML5 App Development Fundamentals

Código del curso: TDW-04

Número de créditos: 4

Requisitos: Quinto año

Nivel: II

Justificación Este es el lenguaje que se les brinda a los estudiantes para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. Con lo que se ayudan a ver más allá de lo que es una página web, además que con este se ayuda a que dure menos en cargar una página con mucha información.

Objetivo General

Que se identifique las diferencias en la semántica de HTML5 con XHTML, para mantenerse actualizado en las tecnologías front-end y que además puede adaptar los antiguos navegadores.

Objetivos Específicos

Conocer y aplicar la estructura básica para la creación de sitios web.

Utilizar de manera adecuada las principales etiquetas de la estructura HTML5.

Page 20: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Utilizar y aplicar los nuevos elementos y propiedades de las hojas de estilo en cascada CSS3.

Contenidos

TEMA 1:

Introducción al lenguaje HTML

Historia e introducción al lenguaje de programación web HTML

Lenguaje de etiquetas

Estructura y definición de documento HTML

Estructura básica de una página en HTML

TEMA 2: Definición del tipo de documento

Etiqueta <!DOCTYPE>

Etiqueta <HTML>

Documento Web

Etiqueta <HEAD>

Encabezado del documento HTML

Etiqueta <TITLE>

Encabezado del documento HTML

Etiqueta <META>

Encabezado del documento HTML

Etiqueta <BASE>

TEMA 3:

Encabezado del documento HTML

Etiqueta <LINK>

Encabezado del documento HTML

Etiqueta <SCRIPT>

Etiqueta <NOSCRIPT>

Etiqueta <BODY>

Page 21: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

TEMA 4:

Cuerpo del documento

Etiqueta <P>

Etiqueta <A>

TEMA 5:

Enlaces internos en el documento

Enlaces a documentos web externos relativos y absolutos

Enlaces a correo electrónico, ftp

Etiqueta <B>

Etiqueta <EM>

Etiqueta <STRONG>

Etiqueta <CODE>

Etiqueta <SAMP>

Etiqueta <KBD>

Etiqueta <VAR>

Etiqueta <MARK>

Etiqueta <CITE>

Etiqueta <I>

Etiqueta <S>

Etiqueta <U>

Etiqueta <SMALL>

Etiqueta <SUB>

Etiqueta <SUP>

Etiqueta <BR> y <WBR>

TEMA 6:

Rupturas de línea y división de palabras

Etiqueta <INS>

Etiqueta <DEL>

Page 22: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Etiqueta <ABBR>

Etiqueta <ADDRESS>

Etiqueta <BDO>

Etiqueta <DFN>

Etiqueta <PRE>

Etiqueta <Q>

Etiqueta <BLOCKQUOTE>

Etiqueta <BDI>

Etiqueta <RUBY>, <RT>, <RP>

Etiqueta <DIALOG>

TEMA 7:

Atributos en HTML

Atributos Globales

Etiquetas <h><h>

TEMA 8:

Títulos o encabezados en el contenido

Etiqueta <IMG>

Etiqueta <TABLE>

TEMA 9:

Definición de una tabla sencilla

Definición de una tabla con combinación de columnas

Definición de una tabla con combinación de filas

Definición de tabla con columnas y filas combinadas

Definición de tablas avanzadas

Etiqueta <UL>

Etiqueta <OL>

Etiqueta <DL>

Etiqueta <DIV> y <SPAN>

Page 23: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Etiqueta <HEADER>

Etiqueta <NAV>

Etiqueta <SECTION>

Etiqueta <ARTICLE>

Etiqueta <ASIDE>

Etiqueta <FIGURE>

Etiqueta <FOOTER>

Etiqueta <TIME>

Etiqueta <DETAILS>

Etiqueta <AUDIO>

Etiqueta <VIDEO>

Etiqueta <TRACK>

Etiqueta <EMBED>

Etiqueta <OBJECT>

Etiqueta <FORM>

TEMA 10:

Formularios en HTML

Etiqueta <INPUT>

TEMA 11:

Formularios HTML, Petición de datos

Etiqueta <BUTTON>

Etiqueta <FIELDSET>

Etiqueta <LABEL>

Etiqueta <KEYGEN>

Etiqueta <METER>

Etiqueta <PROGRESS>

Etiqueta <OUTPUT>

Etiqueta <SELECT>

Etiqueta <TEXTAREA>

Page 24: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Etiqueta <IFRAME>

Metodología del curso

Al ser clases presenciales se les apoya durante el curso con recursos de como a sitios en línea para ver el funcionamiento de las páginas.

Las clases son prácticas y un poco teóricas en las que el curso se realiza en un sitio web Responsivo (Responsive) con HTML5, integrando todas las materias clase a clase.

Se les enseña la sintaxis del HTML5 y las herramientas para editarlo con CSS3 y JavaScript, para crear y diagramar en forma óptima páginas web

Recursos Didácticos

Un laboratorio con el software requerido para que el estudiante pueda desarrollar los ejercicios que se le requieran, un video beam para el facilitador de la clase con una computadora.

Page 25: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Evaluación Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Bibliografía

Luis Castillo. HTML5 Iniciación al diseño Web

Microsoft. HTML5 Application Development Fundamentals

10. Actividades de Aprendizaje

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

SEMANA TEMA A TRATAR

1 TEMA 1. Introducción al lenguaje HTML

2 , 3 TEMA 2. Definición del tipo de documento

4 , 5 TEMA 3. Encabezado del documento HTML

TEMA 4. Cuerpo del documento

6 Examen

7 , 8 TEMA 5. Enlaces internos en el documento

9 , 10 TEMA 6. Rupturas de línea y división de palabras

Page 26: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

11 TEMA 7. Atributos en HTML

TEMA 8: Títulos o encabezados en el contenido

12 TEMA 9. Definición de una tabla sencilla

TEMA 10: Formularios en HTML

13 TEMA 11. Formularios HTML, Petición de datos

14 Examen

15 Proyecto

Page 27: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Técnico en Desarrollo Web

Nombre del curso: Base de Datos

Código del curso: TDW-05

Número de créditos: 4

Requisitos: Primer cuatrimestre del técnico aprobado

Nivel: 2

Justificación

Este curso da las bases al estudiante para la administración y optimización de las bases de datos. La práctica se tiene que llevar a cabo mediante el desarrollo y diseño de los modelos de bases de datos y poder desarrollar un modelo con los conocimientos adquiridos.

Objetivo General

Comprender el funcionamiento básico e importancia que da la organización de la misma en un programa.

Objetivos Específicos

Comprender los conceptos básicos de las bases de datos, las principales administraciones que tienen los componentes.

Desarrollo de criterios para la administración y manipulación de los datos, respaldo y recuperación del mismo en una base de datos.

Aplicación adecuada de seguridad de las bases de datos.

Page 28: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Contenidos

TEMA 1

Requisitos del sistema y preparativos

Iniciar y cerrar Apache según sea necesario

Instalación de directorios virtuales

Adaptación de los archivos de configuración

Incorporación de cambios en Apache

Iniciar Apacehe desde el Panel de control

Pruebas con el directorio virtual y el servidor Web

TEMA 2

Bases de datos y MySQL Fundamentos

¿Qué son las bases de datos?

La estructura de bases de datos relacionales

Formato y organización de las bases de datos

SQL, la base de las aplicaciones de MySQL

Ejecución de instrucciones en SQL

Instrucciones importantes de SQL

Asegurar una base de datos

TEMA 3

Acceso a bases de datos MySQL

Creación de un vínculo a base de datos

Ejecutar consultas y mostrar los resultados

Mostrar listas sencillas

Mostrar el título de la columna

Ordenar la lista

Optimizar el código

Page 29: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Determinar informaciones de las bases de datos

Ejecución de instrucciones en SQL

Primeres: Maquetación // : Página x

Actualizar e introducir datos

Llamada de un registro de datos determinado de la tabla

Tratamiento de errores con acceso a base de datos

Reconocer y notificar errores

Optimización de mensajes de error

TEMA 4

Creación de bases de datos y tablas

Optimización de la estructura del enlace

Comprobar si hay una tabla

Creación de tablas de base de datos

Modificar tablas

Comprobar si existe ya un campo determinado

Introducir un campo

Borrar una tabla

TEMA 5

Creación de formularios de entrada

Fundamentos de la creación de formularios

Crear formularios HTML

Elementos de control importantes

Evaluación de formularios

Creación automática de formularios de entrada

Condiciones

Determinar los registros de la base de datos

TEMA 6

Page 30: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Generación de listas y vínculos

Representar registros de datos como lista

Introducir funciones de administración

Mostrar un único registro de datos

Introducir botones para borrar y modificar

Consignar los vínculos con acciones

Borrado de registros de datos

Primeres: Maquetación // : Página xi

Mostrar registros de datos

Editar un registro de datos

TEMA 7

Protección de datos

Repaso a las posibilidades y áreas problemáticas

Disimular y proteger el código fuente

Proteger el código fuente PHP

Proteger bases de datos

Evitar la inyección de código y SQL

Protección de directorios y páginas HTML

Metodología del curso

Como curso teórico/práctico es fundamental para que el estudiante se involucre en el proceso activos de la construcción y desarrollo de las bases de datos.

Por ellos tienen lecciones magistrales en las que cubran los conceptos básicos, se analicen los teóricos y actividades prácticas y en los laboratorios poner en marcha lo ya aprendido.

Algunas de las actividades que se deben realizar son las siguientes:

• Desarrollar ejercicios prácticos asociados con los temas, en forma individual y grupal.

Page 31: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

• Realizar diversas actividades (tareas, trabajo en clase, quices, sistematización de experiencias, ensayos, presentaciones orales) donde el profesor tenga como objetivo el de promover una asimilación más natural de los conceptos y desarrollar los saber actitudinales establecidos en el perfil de la carrera.

• Los proyectos son actividades más complejas que se deben de ejecutar de la mano con el profesor ya que se tiende a abarcar toda la materia vista en clase.

Recursos Didácticos Como son lecciones en las cuales se requiere que se dé un material y se debe de contar con (proyector, libro, video), los cuales se utiliza como apoyo en la enseñanza, normalmente presencial, con la finalidad de facilitar o estimular el aprendizaje de los alumnos.

Evaluación

Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Bibliografía

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

Page 32: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Spona, Helma. Editorial MARCOMBO, S.A. Programación De Bases De Datos Con Mysql Y Php

Actividades de Aprendizaje

SEMANA TEMA A TRATAR

1 TEMA 1. Requisitos del sistema y preparativos

TEMA 2 Bases de datos y MySQL Fundamentos

2 , 3 TEMA 3 Acceso a bases de datos MySQL

4 , 5 TEMA 4. Creación de bases de datos y tablas

6 Examen

7 , 8 TEMA 5. Creación de formularios de entrada

9, 10 TEMA 6. Generación de listas y vínculos

11,12,13 TEMA 7. Protección de datos

14 Examen

15 Proyecto

Page 33: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Técnico en Desarrollo Web

Nombre del curso: PHP Básico

Código del curso: TDW-07

Número de créditos: 4

Requisitos: Primer cuatrimestre del técnico aprobado

Nivel: 2

Justificación El lenguaje PHP es un lenguaje de programación de estilo clásico, con esto quiero decir que es un lenguaje de programación con variables, sentencias condicionales, bucles, funciones.... No es un lenguaje de marcas como podría ser HTML, XML o WML. Está más cercano a JavaScript o a C, para aquellos que conocen estos lenguajes.

Objetivo General

Presentar el conocimiento fundamental para la construcción de aplicaciones web dinámicas, utilizando el lenguaje de programación PHP.

Objetivos Específicos Aprender la sintaxis y la semántica de PHP.

Conocer técnicas de programación para facilitar la creación de aplicaciones. Y los conocimientos generales de javascript, html, css, y bases de datos

Contenidos

TEMA 1. Introducción a PHP

Funcionamiento de un Servidor Web

Page 34: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Historia de PHP

PHP frente a otros lenguajes

Instalación de Apache

Instalación de PHP

TEMA 2. Características del lenguaje

HTML y PHP

Instrucciones

TEMA 3. Variables y Constantes

Conceptos Básicos

Variables predefinidas

Ambito de las variables

Existencia y tipo de una variable

Variables variables

Constantes

TEMA 4. Tipos de Datos

Booleanos

Enteros

Números en punto flotante

Cadenas

Conversión a cadenas

Conversión de cadenas a números

Arrays

Arrays unidimensionales

Arrays Multidimensionales

Objetos

Recursos NULL

Forzado de tipos

Page 35: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

TEMA 5. Operadores

Operadores Aritméticos

Operadores de Asignación

Operadores de bits

Operadores de Comparación

Operadores de Control de Errores

Operador de ejecución

Operadores de Incremento/decremento

Operadores lógicos

Operador de cadenas de texto

Operadores de Matrices

Operadores de Tipo

Precedencia y asociatividad de operandos

TEMA 6. Estructuras de Control

if else elseif while dowhile for foreach break continue switch declare return require() include() require_once()

include_once()

Sintaxis

Alternativa de Estructuras de Control

TEMA 7. Funciones

Funciones definidas por el usuario

Parámetros de las funciones

Devolviendo valores

Funciones variables

Funciones de tratamiento de cadenas de caracteres echo print printf sprintf Adaptar las cadenas al contexto

Letras mayúsculas y letras minúsculas

Comparar cadenas

Otras funciones de cadena útiles

Funciones de tratamiento de arrays

Page 36: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Crear e inicializar una matriz

Modificar matrices

Extraer información de las matrices

Dar formato a una fecha y una hora

Extraer información de una fecha

Dar formato a una fecha traduciendo los nombres

TEMA 8. Entrada y Salida de Datos

Entrada de Datos

Valores sencillos

Valores múltiples

Salida de datos

Consideraciones sobre la E/S

TEMA 9. Ficheros y Directorios

Abrir y Cerrar Ficheros

Abrir un fichero

Cerrar un fichero

Leer los contenidos de un fichero

Modificar el contenido de los ficheros

Copiar, borrar y renombrar ficheros

Copiar un fichero

Abrir un directorio

Cerrar un directorio

Leer un directorio

Subir ficheros al servidor, usarlos y validarlos

Permisos y propietarios

Metodología del curso Para desarrollar esta materia se requiere que se esté dando constantes prácticas para los alumnos ya que es la mejor forma de fortalecer la habilidad y el razonamiento que se debe de tener en estos casos.

Page 37: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

En la ejecución de tareas y quices constantes para que sirvan de retroalimentación. En el momento de realizar este curso muchos de los alumnos tiene que saber que disponen de no solo el tiempo en clase para practicar sino también del tiempo en la casa ya que requiere de mucha práctica.

Se les selecciona las herramientas apropiadas para la implementación de las habilidades que los alumnos demuestren sin dejar atrás las expectativas que es ellos tienen.

Recursos Didácticos

Laboratorio con proyector, para las presentaciones que tiene que hacer el profesor cuando les muestre el código, un laboratorio equipado con los programas que se necesiten en su momento como puede ser eclipse.

Evaluación

Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Bibliografía

Programación en PHP5. Nivel Básico Carlos Vázquez Mariño Ferrol, Septiembre de 2008

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

Page 38: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

10. Actividades de Aprendizaje

SEMANA TEMA A TRATAR

1 TEMA 1. Introducción a PHP

TEMA 2. Características del lenguaje

2 TEMA 3 Variables y Constantes

3 , 4 TEMA 4. Tipos de Datos

5 Examen

6 , 7 TEMA 5. Operadores

8 , 9 TEMA 6. Estructuras de Control

10 Examen

11 , 12 TEMA 7. Funciones

13 TEMA 8. Entrada y Salida de Datos

14 TEMA 9. Ficheros y Directorios

15 Proyecto

Page 39: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Técnico en Desarrollo Web

Nombre del curso: JavaScript

Código del curso: TWD-08

Número de créditos: 4

Requisitos: Segundo cuatrimestre del técnico aprobado

Nivel: 2

Justificación

Javascript es un lenguaje que puede ser utilizado por profesionales y para quienes se inician en el desarrollo y diseño de sitios web. No requiere de compilación ya que el lenguaje funciona del lado del cliente, los navegadores son los encargados de interpretar estos códigos.

Objetivo General

Conocer el lenguaje a fondo y aprender un repertorio de técnicas para estructurar y ejecutar correctamente aplicaciones sofisticadas con JavaScript.

Objetivos Específicos

• Aprender a ejecutar scripts en JavaScript con una sintaxis correcta, además de conocer los elementos básicos del lenguaje.

• Aprender sobre el manejo de funciones, objetos y manejo de eventos en JavaScript para su aplicación en los formularios HTML.

Page 40: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Contenidos

1. Introducción:

¿Qué es JavaScript?

El lenguaje JavaScript.

Diferencias entre Java y JavaScript.

Sintaxis JavaScript: inserción de código.

2. Elementos básicos:

¿Cuáles son los elementos básicos?

Tipos de datos.

Variables.

Literales.

Comentarios.

Operadores.

Términos reservados.

3. Estructuras de control:

Qué son las estructuras de control.

Estructuras condicionales.

Estructuras repetitivas.

4. Funciones en JavaScript y depuración de código:

Definición de Función.

Funciones predefinidas.

Funciones recursivas.

Depuración de código.

5. Arrays en JavaScript:

Definición de Array.

Creación, manejo y propiedades de los Arrays.

Page 41: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Tipos de Arrays: asociativos y multidimensionales.

6. Objetos en JavaScript:

Definición, propiedades y métodos.

Los objetos del navegador.

Objetos predefinidos de JavaScript.

Objetos definidos por el usuario.

7. Eventos en JavaScript:

Qué son los Eventos.

Lista de Eventos.

Manejadores de Eventos.

8. Frames en JavaScript:

Definición.

Cómo usar los Frames en JavaScript.

9. Configuración del Interface:

Menús de navegación.

Hojas de estilo (CSS).

Mensajes de alerta y barra de estado.

Tratamiento de imágenes.

10. Aplicaciones dinámicas:

Formularios.

Validación de formularios.

Cookies.

Metodología del curso

Page 42: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

La mejor forma de aprender a programar es el constante manejo de código por lo que se recomienda que por cada tres horas que el alumno se encuentra en la institución con el profesor le dedique nueve horas semanales para el manejo del código.

El desarrollo de ejercicios prácticos asociados con el tema que están desarrollando, hacen una plataforma firme en la práctica del código.

Los proyectos, tareas, quices y demás que el profesor utilice para la implementación del código hacen que se refuerce más la base que ellos utilizan.

Recursos Didácticos

Como son lecciones en las cuales se requiere que se dé un material y se debe de contar con (proyector, libro, video), los cuales se utiliza como apoyo en la enseñanza, normalmente presencial, con la finalidad de facilitar o estimular el aprendizaje de los alumnos.

Evaluación

Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Bibliografía

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

Page 43: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Título: Optimizacion de Coaching for JavaScript. Autor: Vincent St. Amour, Shu- yu Guo

10. Actividades de Aprendizaje

SEMANA TEMA A TRATAR

1 TEMA 1. Introducción

TEMA 2. Elementos básicos

2 TEMA 3. Estructuras de control.

3 TEMA 4. Funciones en JavaScript y depuración de código.

4 , 5 TEMA 5. Arrays en JavaScript.

6 Examen

7 TEMA 6. Objetos en JavaScript.

8 , 9 TEMA 7. Eventos en JavaScript.

10 TEMA 8. Frames en JavaScript

11 Examen

12 , 13 TEMA 9. Configuración del Interface.

14 TEMA 10. Aplicaciones dinámicas.

15 Proyecto

Page 44: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

PROGRAMA DEL CURSO

Datos generales del curso

Carrera: Técnico en Desarrollo Web

Nombre del curso: PHP Avanzado

Código del curso: TDW-10

Número de créditos: 4

Requisitos: Tercer cuatrimestre del técnico aprobado

Nivel: 4

Justificación

Este curso requiere que tenga un conocimiento básico para que se pueda desarrollar, los conocimientos adquiridos con una mayor profundidad.

Objetivo General

Se desarrolla el conocimiento del alumno en este lenguaje ya tiene las bases del curso anterior.

Objetivos Específicos

Logren profundizar con los diferentes controles de proyecto, con métodos de trabajo he incorporar nuevos conceptos del lenguaje PHP y profundice los ya adquiridos.

Contenidos

Tema1. Planeamiento y control de proyectos

Ciclo de una aplicación

Page 45: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Documentación de proyecto

Manejo y control de errores

Tema 2. Templates

Sigma

Smarty

Métodos de trabajo

Variable

Tema 3.WEB 2.0 AJAX

Origen y características

XML

JSON

Implementaciones en PHP

Tema 4. RAD EN PHP

Cake PHP

Modelos

ABMC dinámicos

Relaciones entre modelos

Tema 5. SERVICIOS WEB

Capas

XML-RPC

SDAP

WSDL

Servicios web en PHP

Tema 6. Orientación a Objetos

Clases

Tema 7. Seguridad en aplicaciones WEB

Filtrado de datos de entrada y salida

Formularios

Almacenar información en base de datos

Ajax

Page 46: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Linea de comandos

Tema 8.Generacion y Tratamiento de Gráficos

PHP thumbnailer

PHP Thumb

JpGraph

Metodología del curso

El curso es avanzado por lo que se tiene que contar con mucha practica para los estudiantes, la implementación del código en las plataformas fortalece la capacidad de ellos.

Los recursos de instalación de programas para la implementación de las plataformas hace que se hacen en el aula fomentan la actividad de ejercicios.

Los proyectos, tareas, quices y demás que el profesor utilice para la implementación del código hacen que se refuerce más la base que ellos utilizan.

Recursos Didácticos

Como son lecciones en las cuales se requiere que se dé un material y se debe de contar con (proyector, libro, video), los cuales se utiliza como apoyo en la enseñanza, normalmente presencial, con la finalidad de facilitar o estimular el aprendizaje de los alumnos.

Evaluación Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Page 47: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Bibliografía

Francisco Minera. Autor. Libro. PHP AVANZADO

Actividades de Aprendizaje

PROGRAMA DEL CURSO

Datos generales del curso

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

SEMANA TEMA A TRATAR

1 Tema1. Planeamiento y control de proyectos

Tema 2. Templates

2 , 3 Tema 3.WEB 2.0 AJAX

4 , 5 Tema 4. RAD EN PHP

6 Examen

7 , 8 Tema 5. SERVICIOS WEB

9 , 10 Tema 6. Orientación a Objetos

11 , 12 Tema 7. Seguridad en aplicaciones WEB

13 Examen

14 Tema 8.Generacion y Tratamiento de Gráficos

15 Proyecto

Page 48: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Carrera: Técnico en Desarrollo Web

Nombre del curso: Responsive Web Design

Código del curso: TDW-11

Número de créditos: 4

Requisitos: Tercer cuatrimestre del técnico aprobado

Nivel: 3

Justificación

En la actualidad para tener una misma página web que se adapte a todos los tipos de plataformas que nos brinda la tecnología: ordenador, tablet y Smartphone, tenemos que contar con el Responsive Design o diseño adaptativo.

Objetivo General

Presentar una visión integral a los estudiantes enfocados a la navegación multiplataforma tomando el Responsive Web Design como guía de referencia del diseño web en la actualidad.

Objetivos Específicos

Contenidos

Tema 1. Dispositivos móviles y Estático

Tema 2. Accesibidad

Usabilidad

Graceful Degradation

Tema 3.JavaScript no Obstructivo

Progressive Enhancement

Media Queries

Page 49: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Tema 4. Imágenes Flexibles

Tema 5. Apple

Contenido Fluido

Tema 6.Unidades tipográficas

Tema 7.JavaScrip

Tema 8. Ajax

Tema 9.Templates

Previsualización

Metodología del curso

Con el aumento de los dipositivos que se utilizan en la actualizad se tiene que enfocar al estudiante este anuente de todo lo que se encuentra al alcance por lo que se pone a la disposición la tecnología que se necesita para que ellos puedan ver el resultado de su trabajo.

Se les selecciona las herramientas apropiadas para la implementación de las habilidades que los alumnos demuestren sin dejar atrás las expectativas que es ellos tienen

Recursos Didácticos

Laboratorio con proyector, para las presentaciones que tiene que hacer el profesor cuando les muestre el código, un laboratorio equipado con los programas que se necesiten en su momento como puede ser eclipse.

Evaluación

Por la orientación de la carrera es imprescindible que el estudiante asista sin falta y realice los laboratorios y prácticas.

Page 50: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Bibliografía

Autor Alberto Vargas. Libro. Responsive WEB Desing

Actividades de Aprendizaje

Aspectos Porcentajes

Actividades que comprueben aprendizaje (tareas, quices,..) 15%

Laboratorios 25%

Proyecto 20%

Evaluación escrita 40%

I Prueba Parcial 20%

II Prueba Parcial 20%

SEMANA TEMA A TRATAR

1 Tema 1. Dispositivos móviles y Estático

2 , 3 Tema 2. Accesibidad

4 , 5 Tema 3.JavaScript no Obstructivo

6 Examen

7 Tema 4. Imágenes Flexibles

8 Tema 5. Apple

9 Tema 6.Unidades tipográficas

10 Tema 7.JavaScrip

11 Examen

12 , 13 Tema 8. Ajax

14 Tema 9.Templates

15 Proyecto

Page 51: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para
Page 52: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Politécnico Internacional Programa de Estudio

INSTITUTE CLASS: INGLES 1 PERÍODO:

HORARIO DE CLASES:

LIBRO REQUERIDO: Travelers Beginners A1

HORAS SEMANALES:

DESCRIPCION DEL CURSO:

INGLES 1 es el primer módulo de los 6 cursos en el programa de inglés del Politécnico Internacional. Estas 15 semanas del curso están esquematizadas en ayudar a que los estudiantes desarrollen habilidades básicas para comunicar temas sencillos en una variedad de contextos y situaciones familiares. El curso es el nivel básico que corresponde al nivel llamado A1 (principiante) en el Marco Común Europeo. Las actividades de clases están enfocadas en desarrollar la habilidad de expresar los saludos y sentimientos de una manera socialmente aceptada.

OBJETIVOS DE APRENDIZAJE:

Horas de Clases (Sábado) Horas de Clases Semanales Horas Individuales de Estudio

8 12 2

Destrezas Enfoque

Conversación • Los estudiantes usarán el verbo To Be para describirse y tambien su entontorno.

• Los estudiantes conversaran sobre su rutina diaria y la de los demas y prodrán disfrutar de tiempo libre para realizar actividades usando el presente simple.

• Los estudiantes pueden discutir a cerca de sus gusto y Students can discuss their likes and antipatías usando sustantivos contables y no contables.

Page 53: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

SISTEMA DE CALIFICACION:

CALENDARIO SEMANAL:

E s t r a t e g i a s d e Pronunciación

• /IZ/ y /s/ y /z/ (Presente Simple Tercera Persona del Singular, Posesivos, y sustantivos en plural)

E s t r a t e g i a s d e lectura

• Estrategia de pre-visión.

E s t r a t e g i a s d e Escritura

• Letras Mayúsculas • Orden de las palabras • Estructura simple de una oración • Escucha

Deglose Porcentaje

Trabajo en clase 15%

Participación 15%

Quizzes 10%

Tareas 15%

Examen Parcial

• Presentación • Repaso

15%

Examen Final

• Prueba escrita • Prueba Oral

30%

Total 100%

Semana Tema Actividad

Page 54: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 1 Capítulo 1: Nice to meet you

Vocabulario Gramática

Saludos El verbo To Be

Paises y Nacionalidades Adjetivos Posesivos

Presentación e Información del Curso

Semana 2 Capítulo 1: Nice to meet you

Vocabulario Gramática

Amistades Preguntas con: ¿Quién?/¿Qué?/¿Cómo?

Números (0-11) A/An

Trabajos

Presentación 1

Semana 3 Capítulo 2: All about me

Vocabulario Gramática

Objetos personales This/These/Those

Colores Verbo ser/estar

Objetos de viaje Plural (Irregular-Regular)

Quiz 1

Semana 4 Capítulo 2: All about me

Vocabulario Gramática

Miembros de la familia Posesivos

La ropa ¿De quién?

Adjetivos opuestos Verbo Tener

Apariencia Física Adjetivos

Calificar el Workbook

Examen Parcial

Page 55: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 5 Capítulo 3: Everyday life

Vocabulario Gramática

El tiempo Presente Simple

Programas de Televisión ¿Cuándo?/¿Que hora es?

Días de la semana

Actividades de tiempo libre

Quiz 2

Semana 6 Capítulo 3: Everyday life

Vocabulario Gramática

Rutina diaria Preposiciones de tiempo

Formas de movilizarse (direcciones) Adverbios de frecuencia

Tares del hogar

Presentación 2

Semana 7 Capítulo 4: Places

Vocabulario Gramática

Cuartos y partes de la casa There is/There are

Muebles y electrodomésticos Preposiciones de lugar/ Imperativo

Lugares en la ciudad/pueblo. La/El/Los/Las- Pronombres personales

Ubicaciones y direcciones

Calificar el Workbook

Examen parcial

Page 56: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 8 Capítulo 5: Food

Vocabulario Gramática

Comidas y bebidas. Algun/Algunos.

Contenedores. Sustantivos contables y no contables.

Proyecto

Semana 9 Capítulo 5: Food

Vocabulario Gramática

Precios. Le gustaría + sustantivos.

Dinero. ¿Cuánto? (How much?/How many?).

Presentación 3

S e m a n a 10

Capítulo 6: Get busy

Vocabulario Gramática

Trabajos. Verbo “poder”.

Habilidades y destrezas. Presente progresivo.

Actividades diarias.

Quiz 3

Page 57: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

S e m a n a 11

Capítulo 6: Get busy

Vocabulario Gramática

Frases relacionadas con el ambiente. Vamos (Let)

Clima. ¿Qué tal si?

Partes de la computadora.

Números (100 a más).

Repaso de la materia.

S e m a n a 12

Capítulo 7: Looking back

Vocabulario Gramática

Accidentes y lesiones. Pasado simple.

Partes del cuerpo. Expresiones de tiempo.

Adjetivos de opinión. ¿Porqué?/Porque.

Años.

Calificar el Workbook

Examen Parcial

S e m a n a 13

Capítulo 7: Looking back

Vocabulario Gramática

Asignaturas académicas. Pasado simple del verbo ser/estar.

Eventos de la vida. Pasado simple vs. Presente simple.

Deportes.

Quiz 4

Page 58: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

CONTACTOS: Politecnico Internacional Phone Number: 2560-5007/2280-8311

English Director Email Address: [email protected]

Academic Coordinator Email Address: [email protected]

S e m a n a 14

Capítulo 8: On vacation

Vocabulario Gramática

Estaciones del tiempo Tiempo futuro

Meses y fechas Expresiones de tiempo

Actividades de vacaciones

Presentación 4

S e m a n a 15

Capítulo 8: On vacation

Vocabulario Gramática

Características geográficas Quiero/Me gustaría

Enfermedades Verbo “Should”

Turismo

Calificar el Workbook

Examen Final

Page 59: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Politécnico Internacional Programa de Estudio

CLASE DE INSTITUTO: INGLES 2 PERÍODO:

HORARIO DE CLASES:

LIBRO REQUERIDO: Travelers Pre Intermediate A2

HORAS SEMANALES:

COURSE DESCRIPTION:

INGLES 2 es el segundo módulo de los 6 cursos en el programa de inglés del Politécnico Internacional. Estas 15 semanas de curso que corresponde al nivel A2 (principiante) del Marco Común Europeo. Los estudiantes desarrollaran más habilidades lingüísticas que pueden utilizar en una variedad de funciones sociales. Las actividades de clases estarán enfocadas en el desarrollo de la habilidad para comprender textos básicos, hablar sobre el pasado y compartir opiniones.

OBJETIVOS DE APRENDIZAJE:

Horas de Clases (Sábado) Horas de Clases Semanales Horas Individuales de Estudio

8 12 8

Destrezas Enfoque

Conversación • Los estudiantes podrán discutir sus hábitos pasados y planes usando el pasado simple y el presente.

• Los estudiantes podrán contar historias a cerca de sus diferentes experiencias usando el pasado progresivo y el presente perfecto.

• Los estudiantes podrán hacer predicciones usando el futuro y expresar sus opiniones usando auxiliares.

E s t r a t e g i a s d e Pronunciación

• /th/ (“thanks”) y /t/

Page 60: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

SISTEMA DE CALIFICACION:

CALENDARIO SEMANAL:

Estrategias de lectura • Visualización con gráficos organizadores. (Ventajas/Desventajas de los gráficos o diagramas de Venn)

E s t r a t e g i a s d e Escritura

• Correos Eletrónicos. • Escribir oraciones describiendo personas y lugares. • Escribir notas y mensajes.

Deglose Porcentaje

Trabajo en clase 15%

Participación 15%

Quizzes 10%

Tareas 15%

Examen Parcial

• Presentación • Repaso

15%

Examen Final

• Prueba escrita • Prueba Oral

30%

Total 100%

Semana Tema Actividad

Page 61: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 1 Capítulo 1: Youth culture

Vocabulario Gramática

Inglés Conversacional. Presente simple vs. Presente progresivo.

Frases relacionadas a la comunicación. Verbos de estado

Frases describiendo gustos. Pasado Simple

Presentación e Información del Curso

Semana 2 Capítulo 1: Youth culture

Vocabulario Gramática

Actividades de tiempo libre. “Used to”

Palabra facilmente confundidas. Preposiciones de tiempo.

Adjetivos de personalidad. Cuantificadores.

Presentación 1

Semana 3 Capítulo 2: What an experience!

Vocabulario Gramática

Adjetivos terminados en -ed e –ing. Pasado Progresivo.

Adjetivos describiendo comida. Pasado simple vs. Pasado progresivo.

Adverbios.

Quiz 1

Page 62: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 4 Capítulo 2: What an experience!

Vocabulario Gramática

El clima Cláusulas de tiempo (como, tan pronto como, etc)

Frases para cartas y correos eléctronicos Presente perfecto simple

Presente perfecto simple vs. Pasado perfecto.

Calificar el Workbook

Examen Parcial

Semana 5 Capítulo 3: Going places

Vocabulario Gramática

Palabras relacionadas con los viaje en avión. Puede/Podría.

Construcción de palabras Tiene/No tiene/Necesita/No necesita/Debe/No debe.

Alojamientos e instalaciones

Quiz 2

Semana 6 Capítulo 3: Going places

Vocabulario Gramática

Características geográficas Preguntas indirectas

Adjetivos describiendo lugares Comparaciones

Presentación 2

Page 63: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 7 Capítulo 4: Nowadays

Vocabulario Gramática

Palabras/frases relacionadas con el dinero y la tecnología. Futuro con “Will”

Palabras facilmente confundidas. Cláusulas relativas (quien, cual, ese, donde)

Expresiones con “hacer”

Construcciones de palabras (adjetivos terminados en –ful, -less) Cláusulas de tiempo (Cuando, después, antes, etc)

Calificar el Workbook

Examen parcial

Semana 8 Capítulo 5: Help

Vocabulario Gramática

Palabras relacionadas con medicina y problemas emocionales. Infinitivos

Phrasal verbs Oraciones con -ing

Frases prepositivas con “in”

Proyecto

Semana 9 Capítulo 5: Help

Vocabulario Gramática

Palabras relacionadas con accidentes. “Debería”/tuvo/mejor.

Palabras facilmente confundidas. V o z p a s i v a (presente simple-pasado simple)

Expresiones describiendo sentimientos.

Presentación 3

Page 64: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

S e m a n a 10

Capítulo 6: Time out

Vocabulario Gramática

Palabras relacionadas al deporte. Puede/Podría/Pudo

Colocaciones Condicionales tipo 1

Sustantivos Compuestos Si vs. Cuando

Quiz 3

S e m a n a 11

Capítulo 6: Time out

Vocabulario Gramática

Palabras relacionadas con los lugares del entretenimiento. Entonces/tampoco/mucho.

Phrasal verbs Presente perfecto progresivo.

Palabras relacionadas con las películas. Presente perfecto progresivo vs. Presente prefecto simple.

Repaso de la materia.

S e m a n a 12

Capítulo 7: Good job

Vocabulario Gramática

Opuestos. Preguntas de etiqueta.

Palabras facilmente confundidas. Preguntas Negativas.

Palabras relaciones con el banco y el dinero. Oraciones exclamativas.

Calificar el Workbook

Examen Parcial

Page 65: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

CONTACTOS: Politecnico Internacional Phone Number: 2560-5007/2280-8311

S e m a n a 13

Capítulo 7: Good job

Vocabulario Gramática

Trabajos Cláusulas de resultado.

Palabras relacionadas con el empleo. Pronombres reflexivos.

Pasado perfecto simple

Quiz 4

S e m a n a 14

Capítulo 8: Way of life

Vocabulario Gramática

Palabras relaciones con la industria musical E s t i l o indirecto (preguntas, solicitud, comandos, etc)

Palabras facilmente confundidas. Condicionales tipo 2

Verbos + preposiciones

Presentación 4

S e m a n a 15

Capítulo 8: Way of life

Vocabulario Gramática

Palabras relacionadas con la cocina Deseos y pasado ireal

Palabras relacionadas con las celebraciones

Calificar el Workbook

Examen Final

Page 66: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

English Director Email Address: [email protected]

Academic Coordinator Email Address: [email protected]

Teacher Email Address: ___________________________________________

Page 67: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Politécnico Internacional Programa de Estudio

CLASE DE INSTITUTO: INGLES 3 PERÍODO: 3

HORARIO DE CLASES:

LIBRO REQUERIDO: Travelers Intermediate B1

HORAS SEMANALES:

DESCRIPCION DEL CURSO:

INGLES 3 es el tercer módulo de los 6 cursos en el programa de inglés del Politécnico Internacional. Estas 15 semanas de curso que corresponde al nivel B1 (intermedio bajo) del Marco Común Europeo en donde los estudiantes desarrollaran habilidades lingüísticas mas sofisticas. El plan de estudio se centra en el desarrollo de la capacidad de interactuar en los debates sobre cuestiones generales, así como para dar y pedir opiniones y perspectivas. Este curso ayudará a los estudiantes a ser flexible con problemas de la vida cotidiana, así como para mantener conversaciones. Las actividades de aprendizaje en el aula se centrarán en una gran cantidad de interacción entre los estudiantes y discutir temas sobre culturas, carreras y el medio ambiente.

OBJETIVOS DE APRENDIZAJE:

Horas de Clases (Sábado) Horas de Clases Semanales Horas Individuales de Estudio

8 12 24

Destrezas Enfoque

Conversación. • Los estudiantes podrán discutir sobre las culturas alrededor del mundo usando el presente simple y el pasado.

• Los estudiantes compararan super heroes usando comparativos y el pasado progresivo.

• Los estudiantes discutirán opciones de carreras y sus requisitos usando presente perfecto y auxiliares.

• Los estudiantes describirán cuestiones ambientales usando auxiliares.

Page 68: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

SISTEMA DE CALIFICACION:

CALENDARIO SEMANAL:

E s t r a t e g i a s d e Pronunciación.

• Entonación de preguntas de información versus preguntas Yes/No y Repaso de / ʊ/

Estrategias de lectura. • Pregunta y respuestas a preguntas (Antes y después de leerla)

E s t r a t e g i a s d e Escritura.

• Cartas y correos electrónicos informales. • Carta de presentación. • Articulos.

Deglose Porcentaje

Trabajo en clase 15%

Participación 15%

Quizzes 10%

Tareas 15%

Examen Parcial

• Presentación • Repaso

15%

Examen Final

• Prueba escrita • Prueba Oral

30%

Total 100%

Semana Tema Actividad

Page 69: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 1 Capítulo 1: Window on the world

Vocabulario Gramática

Cultura. Presente simple – Presente progresivo.

Lenguaje. Verbos de estado.

Preguntas.

Presentación e Información del Curso

Semana 2 Capítulo 1: Window on the world

Vocabulario Gramática

Aduanas. Preguntas indirectas.

Estilo de Vida. Pasado simple.

“Solía ser- hacer”/ “Acostumbrarse a”.

Presentación 1

Semana 3 Capítulo 2: Heroes

Vocabulario Gramática

Historia. Pasado progresivo.

Superhéroes. Pasado simple vs. Pasado progresivo.

Relative Clauses.

Quiz 1

Semana 4 Capítulo 2: Heroes

Vocabulario Gramática

Aventuras. Adjetivos y adverbios de modo .

Héroes de cada día.

Comparativos.

Calificar el Workbook

Examen Parcial

Page 70: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 5 Capítulo 3: Work & leisure

Vocabulario Gramática

Actividades de tiempo libre y aficiones. Presente perfecto simple – Presente perfecto progresivo.

Actividades de ocio. Debe, tiene que, necesita, preferiría, mas vale que.

Quiz 2

Semana 6 Capítulo 3: Work & leisure

Vocabulario Gramática

Solicitud de empleo y entrevistas. “Puede”/ “Podría”/ “Pudo”.

Calificaciones laborales. “Debe” / “No puede”.

Carreras

Presentación 2

Semana 7 Capítulo 4: Planet earth

Vocabulario Gramática

Geografía. Tiempo Futuro

Problemas ambientales. Cláusulas de tiempo

Proyectos de conservación

Calificar el Workbook

Examen parcial

Page 71: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 8 Capítulo 4: Planet earth

Vocabulario Gramática

Eco-turismo Condicionales tipo 1 y 2

Especies en peligro de extinción Articulos- pronombres- Determinadores

Fuentes de energía

Proyecto

Semana 9 Capítulo 5: That’s strange

Vocabulario Gramática

Misterio. Pasado perfecto simple vs. Pasado perfecto progresivo

Eventos extraños.

Presentación 3

S e m a n a 10

Capítulo 5: That’s strange

Vocabulario Gramática

Lugares, edificios y monumentos históricos. Estilo indirecto (Declaraciones)

Estilo indirecto (Preguntas, solicitud, comandos)

Crímenes y criminales

Quiz 3

S e m a n a 11

Capítulo 6: On the move

Vocabulario Gramática

Viajes Voz Pasiva I

Medios de transporte

Repaso de la materia.

Page 72: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

S e m a n a 12

Capítulo 6: On the move

Vocabulario Gramática

Los arreglos de viaje Cláusulas de razón, conseción y propuesta.

Viaje espacial

Destinos vacacionales Voz pasiva II

Calificar el Workbook

Examen Parcial

S e m a n a 13

Capítulo 7: Up-to-date

Vocabulario Gramática

Vida moderna. Infinitivos y palabras terminadas en –ing.

Tecnología. Verbos “let”/ “make”/ “have”/ “get”.

Moda.

Quiz 4

S e m a n a 14

Capítulo 7: Up-to-date

Vocabulario Gramática

Educación. Verbos auxiliares + verbo “have” + pasado participio.

Dispositivos.

Presentación 4

S e m a n a 15

Capítulo 8: Human nature

Vocabulario Gramática

Personas. Condicionales tipo 3

Amistades. Deseos y pasado irreal

Salud. “All”/ “Both”/ “neither”/ “none”.

Supersticiones/ Telepatía Both... and.../ neither... nor... / either... or...

Calificar el Workbook

Examen Final

Page 73: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

CONTACTOS: Politecnico Internacional Phone Number: 2560-5007/2280-8311

English Director Email Address: [email protected]

Academic Coordinator Email Address: [email protected]

Teacher Email Address: ___________________________________________

Page 74: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Politécnico Internacional Programa de Estudio

CLASE DE INSTITUTO: INGLES 4 PERÍODO:

HORARIO DE CLASES:

LIBRO REQUERIDO: Travelers Intermediate B1+

HORAS SEMANALES:

DESCRIPCION DEL CURSO:

INGLES 4 es el cuarto módulo de los 6 cursos en el programa de inglés del Politécnico Internacional. En estas 15 semanas del curso, el estudiante desarrollara la destreza de comunicarse teniendo conversaciones más complejas a cerca de situaciones de su vida cotidiana. Este curso que corresponde al nivel B1+ (intermedio) del Marco Común Europeo y estará enfocado en el desarrollar la habilidad de interactuar en discusiones que tienen como tema: la familia, viajes y ciencia. Las actividades de aprendizaje en el aula involucrará a que el estudiante dé y pida opiniones y perspectivas, argumentado y participando activamente en los grupos de discusiones.

OBJETIVOS DE APRENDIZAJE:

Horas de Clases (Sábado) Horas de Clases Semanales Horas Individuales de Estudio

8 12 24

Destrezas Enfoque

Conversación • Los estudiantes podran discutir a cerca de las relaciones familiares y de amigos usando comparativos y el tiempo presente

• Los estudiantes resolveran problemas de viajes usando los tiempos pasados.

• Los estudiantes podrán discutir a cerca de los diferentes tipos de trabajos y aprender relative clauses.

• Los estudiantes discutiran sobre experimentos cientificos y tecnologia usando el tiempo futuro y los condicionales.

Page 75: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

SISTEMA DE CALIFICACION:

CALENDARIO SEMANAL:

E s t r a t e g i a s d e Pronunciación

• /ɪ/ (“it”)

Estrategias de lectura • Resúmenes (Después de la lectura) Usando palabras claves e ideas principales.

Estrategias de Escritura • Cartas y correos electrónicos informales. • Articulos describiendo un lugar • Carta de presentación • Personal opinion article

Deglose Porcentaje

Trabajo en clase 15%

Participación 15%

Quizzes 10%

Tareas 15%

Examen Parcial

• Presentación • Repaso

15%

Examen Final

• Prueba escrita • Prueba Oral

30%

Total 100%

Semana Tema Actividad

Page 76: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 1 Capítulo 1: People

Vocabulario Gramática

Amistades, parentesco. Presente simple – Presente progresivo.

Familia.

Amigos. Verbos de estado

Presentación e Información del Curso

Semana 2 Capítulo 1: People

Vocabulario Gramática

Comunicación Comparativos

Problemas de los jóvenes Sustantivos contables y no contables

Estilos de vida

Presentación 1

Semana 3 Capítulo 2: Places

Vocabulario Gramática

Viajes. Pasado perfecto simple- pasado perfecto progresivo

Vacaciones.

Aduanas.

Quiz 1

Page 77: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 4 Capítulo 2: Places

Vocabulario Gramática

Geografía. Pasado simple- pasado progresivo.

Historia. “Should”/ “Would”/ “was-were going to”.

Calificar el Workbook

Examen Parcial

Semana 5 Capítulo 3: Success

Vocabulario Gramática

Opciones de carreras Presente perfecto simple – presente perfecto progresivo.

Trabajos ocacionales

Millonarios

Quiz 2

Semana 6 Capítulo 3: Success

Vocabulario Gramática

Calificaciones laborales. Relative Clauses.

Trabajos de medio tiempo.

Escuela y asignaturas académicas. “Should”/ “ought to”/ “had better”.

Aprendizaje de idiomas.

Presentación 2

Page 78: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 7 Capítulo 4: Science & technology

Vocabulario Gramática

Invenciones. Tiempo futuro

Tranporte. Otras formas del tiempo futuro.

Experimentos. Cláusulas de tiempo

Calificar el Workbook

Examen parcial

Semana 8 Capítulo 4: Science & technology

Vocabulario Gramática

La internet. Condicionales tipo 0, 1 y 2.

Apartos. “must”/ “have to”/ “need”.

Realidad virtual.

Proyecto

Semana 9 Capítulo 5: Leisure

Vocabulario Gramática

Entretenimiento. Infinitivos terminados en –ing.

Aficiones.

Imágines en movimiento y teatro. “May”/ “might”/ “could”.

Presentación 3

Page 79: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 10 Capítulo 5: Leisure

Vocabulario Gramática

Museos. “must”/ “can’t”.

Películas.

Parque tematicos. Preguntas de etiqueta.

Quiz 3

Semana 11 Capítulo 6: Nature

Vocabulario Gramática

El medio ambiente. Voz pasiva.

Contaminación.

Eco turismo.

Repaso de la materia.

Semana 12 Capítulo 6: Nature

Vocabulario Gramática

Conservación. Cláusulas de concesión.

Animales.

Desastres naturales.

Calificar el Workbook

Examen Parcial

Semana 13 Capítulo 7: Health & fitness

Vocabulario Gramática

Centros de salud. Estilo indirecto (Declaraciones, preguntas, comandos y solicitud.).

Problemas de salud.

Aptitud física.

Quiz 4

Page 80: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

CONTACTOS: Politecnico Internacional Phone Number: 2560-5007/2280-8311

English Director Email Address: [email protected]

Academic Coordinator Email Address: [email protected]

Teacher Email Address: ___________________________________________

Semana 14 Capítulo 7: Health & fitness

Vocabulario Gramática

Deportes. Cláusulas de resultado.

Comida.

Vegetarianismo.

Sueños.

Presentación 4

Semana 15 Capítulo 8: Modern life

Vocabulario Gramática

Los medios/Publicidad. Pasado Irreal.

Vida en la ciudad-país Condicionales tipo 3.

Compras. Causitive form.

Calificar el Workbook

Examen Final

Page 81: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Politécnico Internacional Programa de Estudio

CLASE DE INSTITUTO: INGLES 5 PERÍODO:

HORARIO DE CLASES:

LIBRO REQUERIDO: Travelers Intermediate B2

HORAS SEMANALES:

DESCRIPCION DEL CURSO:

INGLES 5 es el quinto módulo de los 6 cursos en el programa de inglés del Politécnico Internacional. Estas 15 semanas de curso tiene un énfasis en el desarrollo del lenguaje necesario para describir situaciones y conversaciones sobre temas complejos discutidos en los medios de comunicación de todos los días. Este curso que corresponde al nivel B2 (intermedio alto) del Marco Común Europeo y se centra en el desarrollo de la capacidad de interactuar en debates sobre temas de actualidad relacionados con las vacaciones, los lugares y los crímenes. Las actividades de clase se centrarán en dar y recibir opiniones y puntos de vista de los argumentos, dando ventajas y desventajas de los diferentes temas, y desarrollar argumentos efectivos. También habrá un énfasis en la interacción y la participación de los estudiantes en el aula con el fin de desarrollar habilidades de comunicación.

OBJETIVOS DE APRENDIZAJE:

Horas de Clases (Sábado) Horas de Clases Semanales Horas Individuales de Estudio

4 6 12

Destrezas Enfoque

Conversación • Los estudiantes pueden discutir sobre vacaciones y estados de ánimo, usando tiempo presente.

• Los estudiantes pueden elegir entre opciones y decidir dónde vivir utilizando el presente perfecto

• Los estudiantes pueden comparar fotografías y discutir el crimen y el castigo usando palabras y expresiones relacionadas con la delincuencia.

Page 82: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

SISTEMA DE CALIFICACION:

CALENDARIO SEMANAL:

E s t r a t e g i a s d e Pronunciación

• / æ/ (“cat)

Estrategias de lectura • Barridas de texto

Estrategias de Escritura • An e-mail based on prompts • Artículos. • Carta al editor.

Deglose Porcentaje

Trabajo en clase 15%

Participación 15%

Quizzes 10%

Tareas 15%

Examen Parcial

• Presentación • Repaso

15%

Examen Final

• Prueba escrita • Prueba Oral

30%

Total 100%

Semana Tema Actividad

Page 83: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 1 Capítulo 1: On holiday

Vocabulario Gramática

Palabras fácilmente confundidas. Presente simple - Presente progresivo.

Sustantivos terminados en –ion, -ance, -ation, -ment derivados del verbo.

Presentación e Información del Curso

Semana 2 Capítulo 1: On holiday

Vocabulario Gramática

Palabras relacionadas con los viajes y el turismo. Sustantivos y cuantificadores.

Verbos de estado.

Presentación 1

Semana 3 Capítulo 2: The place to be

Vocabulario Gramática

Palabras fácilmente confundidas. Presente perfecto simple – Presente perfecto progresivo.

Palabras relacionadas con el clima.

Expresiones con “make” y “do”.

Quiz 1

Semana 4 Capítulo 2: The place to be

Vocabulario Gramática

Adjetivos terminados en -ed y -ing Artículos

Adjetivos describiendo personas y lugares

Calificar el Workbook

Examen Parcial

Page 84: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 5 Capítulo 2: The place to be

Vocabulario Gramática

Repaso de: Palabras fácilmente confundidas. Palabras relacionadas con el clima. Expresiones con “make” y “do”.

Adjetivos terminados en -ed y –ing. Adjetivos describiendo personas y lugares. R e p a s o d e l Presente perfecto simple – Presente perfecto progresivo y los artículos

Quiz 2

Semana 6 Capítulo 3: Crime and punishment

Vocabulario Gramática

Palabras relacionadas con el crimen. Pasado simple – pasado progresivo

Colocaciones relacionados con delitos.

Presentación 2

Semana 7 Capítulo 3: Crime and punishment

Vocabulario Gramática

Palabras fácilmente confundidas. Comparativos

Sufijos y prefijos (un-, in-, im-, il-, ir-, -ful, -less)

Calificar el Workbook

Examen parcial

Page 85: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

Semana 8 Capítulo 3: Crime and punishment

Vocabulario Gramática

Repaso de Palabras relacionadas con el crimen.

Colocaciones relacionados con delitos.

Palabras fácilmente confundidas.

Sufijos y prefijos (un-, in-, im-, il-, ir-, -ful, -less)

Repaso de Pasado simple – pasado progresivo y Comparativos

Proyecto

Semana 9 Capítulo 4: Adventure

Vocabulario Gramática

Expresiones con “take”. Pasado perfecto simple – Pasado perfecto progresivo.

Strong adjetives.

Presentación 3

S e m a n a 10

Capítulo 4: Adventure

Vocabulario Gramática

Verbos que empiezan con over-. “would”/ “was-were going to”.

Palabras fácilmente confudidas. Preguntas.

Quiz 3

S e m a n a 11

Capítulo 5: Lifestyle

Vocabulario Gramática

Palabras fácilmente confudidas. Tiempo futuro.

Colocaciones con “set”.

Cláusulas de tiempo.

Repaso de la materia.

Page 86: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

S e m a n a 12

Capítulo 5: Lifestyle

Vocabulario Gramática

Sustantivos + preposiciones. Verbos auxiliares I (can, could, may, might, must, need to, have to, should, ought to, had better).

Inglés americano y británico.

Calificar el Workbook

Examen Parcial

S e m a n a 13

Capítulo 5: Lifestyle

Vocabulario Gramática

Repaso de Palabras fácilmente confudidas.

Colocaciones con “set”.

Sustantivos + preposiciones.

Inglés americano y británico. Tiempo futuro, cláusulas de tiempo, verbos auxiliares I (can, could, may, might, must, need to, have to, should, ought to, had better).

Quiz 4

S e m a n a 14

Capítulo 6: The environment

Vocabulario Gramática

Verbos + preposiciones. Condicionales tipo 2.

Verbos que empiezan con – re.

Presentación 4

Page 87: TECNICO SUPERIOR EN DESARROLLO WEB 2 - upi.ac.cr · PERFIL DE PROFESIONAL DEL ESTUDIANTE ... Diagrama de Flujo a. ... -Introducir al estudiante en el diseño de una interface para

CONTACTOS: Politécnico Internacional Phone Number: 2560-5007/2280-8311

English Director Email Address: [email protected]

Academic Coordinator Email Address: [email protected]

Teacher Email Address: ___________________________________________

S e m a n a 15

Capítulo 6: The environment

Vocabulario Gramática

Phrasal Verbs (Keep). Repaso de condicionales tipo 2 y verbos auxiliares II (will, can, may, might, could, must, can’t)

Frases de preposiciones con “for” y “without”.

Verbos que empiezan con – re.

Repaso de verbos + preposiciones.

Calificar el Workbook

Examen Final