Programa DSW1

de 11Tecnicatura Superior en Tecnologías de la Información

Desarrollo de Sitios Web - Nivel 1

Carrera: Tecnicatura Superior en Tecnologías de la Información Plan de estudio: Ordenanza Nº 918/2000

Área: Electivas

Área de Conocimiento: Programación

Asignatura: Desarrollo de Sitios Web - Nivel 1

Carga horaria semanal 4 hs.

Carga horaria total de la asignatura 64 hs.

Departamento: Ingeniería en Sistemas de Información

Porcentaje de horas del área en la carrera: 18,8 %

Porcentaje de horas de la asignatura en el área: 16,7 %

Coordinador del área: Coordinador de la carrera

Nivel: 2

Anual 1er. Cuatrimestre ✖ 2do. Cuatrimestre 1er. y 2do. Cuatrimestre

Modalidad de Promoción: Evaluación mediante Examen Final

Ciclo Académico: 2.012

PLANIFICACIÓN DE CÁTEDRA

Equipo docente:

Profesores (Nombre y Apellido-Categoría docente): Lic. Martín Enrique Maglianesi - Profesor Adjunto Interino

Docentes Auxiliares (Nombre y Apellido-Categoría docente): ---

Director de Cátedra (Nombre y Apellido-Categoría docente): Lic. Martín Enrique Maglianesi - Profesor Adjunto Interino

Comisiones:

Nº de Comisiones: 1

Cantidad aprox. de alumnos por comisión: 25

Profesor a cargo de cada Comisión (Nombre y Apellido): Lic. Martín Enrique Maglianesi - Profesor Adjunto Interino

Docentes/s Auxiliar/es de cada Comisión (Nombre y Apellido): ---



PLANIFICACIÓN DE CÁTEDRA

1. FUNDAMENTACION DE LA ASIGNATURA (Importancia para la formación profesional en función del perfil del egresado) (Longitud máxima: 3000 caracteres)

Hoy en día se hace indispensable, para cualquier persona del campo de la informática, tener los conocimientos necesarios para hacer uso de la más grande autopista de la información: Internet. En mayor concentración y disponibilidad encontramos especialmente los servicios brindados por lo que se ha llamado “La Web”. Es por esto que un egresado de la TSTI tiene la oportunidad con este módulo de aprender a desarrollador páginas y sitios para la web, rol que hoy en día tiene una gran demanda en el mercado tanto nacional como internacional.

2. OBJETIVOS (generales y específicos o particulares)(Longitud máxima: 5000 caracteres)

Generales En este módulo se enseña qué son y para qué sirven las partes constructivas elementales de una página web junto con las técnicas y herramientas que permiten construir sitios web eficientes y atractivos. Específicos Como resultado de haber recorrido las distintas unidades de este módulo, llevando a cabo las actividades prácticas asociadas, se obtiene los medios necesarios para: - Saber cuándo y cómo utilizar los distintos elementos HTML y CSS disponibles para la construcción de un sitio web. - Generar páginas dinámicas del lado del cliente haciendo uso de JavaScript permitiendo validaciones efectivas y mayor grado de interactividad en el sitio web. - Planificar, estructurar los contenidos y desarrollar una navegación eficiente y atractiva del sitio a construir. - Publicar el sitio construido a la comunidad de Internet: volverlo visible a todo el mundo.

3. CONTENIDOS (Por ejes temáticos: Indicar carga horaria correspondiente a cada uno)

a) conceptuales (conceptos, principios, teorías) (Longitud máxima: 4000 caracteres)

Unidad 1. Introducción. Internet y la web. HTML. (8 horas) Breve reseña histórica, orígenes de Internet y el nacimiento de la web. ¿Qué es HTML? Elementos, planificación y estructura de una página web. Herramientas. ¿Qué es un sitio web? Nuestra primer página web. Propiedades. Unidad 2. Contenido. Trabajando con texto. (8 horas) Distintas posibilidades de formatos de texto. Alineación y tipografía. Ordenar líneas de texto en listas. Unidad 3. Gráficos. Agregando imágenes. (8 horas) Hacer más atractivas nuestras páginas con gráficos. Las imágenes y las páginas web. Tipo de imágenes. Propiedades. Las imágenes y HTML. Unidad 4. Navegación. Uso de Hiperenlaces. (8 horas) Utilización y tipos de enlaces. Aplicar enlaces a textos e imágenes. Planificar la navegación. Los enlaces y HTML. Unidad 5. Estructura. Tablas, Marcos y Páginas de Estilos CSS. (12 horas) Definiendo la estructura. Ejemplos. Estructurar el contenido con tablas. Propiedades de las tablas. Extender la navegabilidad del sitio con marcos. Propiedades de los marcos. Estructurar el contenido con páginas de estilos CSS. Ventajas de CSS frente a Tablas y Marcos. Unidad 6. Introducción a Javascript (12 horas) Conceptos básicos



Elementos básicos del lenguaje Eventos Formularios Frameworks Javascript Unidad 7. Publicar el sitio en Internet. (8 horas) Prueba y publicación. Servidores que alojarán el sitio. ¿Cómo accederlos? Poner a disponibilidad de todo el mundo el sitio desarrollado.

b) Procedimentales (procedimientos, habilidades, procesos, estrategias) y Actitudinales (actitudes, valores).(Longitud máxima: 3000 caracteres)

Cada unidad dispone de un apunte teórico y práctico con ejemplos que los alumnos pueden probar y utilizar como base para la ampliación y el descubrimiento de nuevas posibilidades a partir de los temas que se abordan.

4. ESTRATEGIAS METODOLÓGICAS

a) Estrategias de enseñanza (debates, experiencias de laboratorio, talleres, trabajo de campo, exposición, coloquios, entrevistas, simulaciones, estudio de casos, tutoría entre pares, trabajos prácticos, otros)

Estrategias de Enseñanza El proyecto educativo de la Tecnicatura Superior en Tecnologías de la Información está diseñado teniendo en cuenta las demandas de ofertas de educación a distancia, las características de los potenciales alumnos y las metas fijadas por la propia Tecnicatura. Para llevarlas a cabo nos valemos de los siguientes medios para la acción: - Material bibliográfico - Clases tutoriales grabadas disponibles on-line - Orientación mediante tutorías y consultas electrónicas (mensajes, chat) - Foros de discusión - Tablones - Evaluaciones a distancia y presenciales - Plataforma pedagógica Básicamente este módulo se administra a través del material bibliográfico y de las tutorías. En el material bibliográfico la información es procesada y presentada de modo que haga posible el autoaprendizaje, teniendo en cuenta que se puede acceder a él cuando y cuantas veces se lo requiera. Fieles a los principios de autoevaluación y autodeterminación el alumno podrá regular su tiempo según su propia conveniencia, disponibilidad y ritmo de aprendizaje. Pero necesariamente contamos con la voluntad y responsabilidad del educando para respetar los plazos que se deban estipular. Trabajos Prácticos: Serán 2, abarcativos de la mayor cantidad de unidades del programa, que permitirán al alumno plasmar el conocimiento adquirido. Consisten en la realización de actividades sobre la base de problemas estructurados o semiestructurados, utilizando aplicaciones de software que generan la experiencia de utilización necesaria para aprehender el conocimiento teórico previamente adquirido. Los alumnos necesitan aprobarlo para obtener su condición de alumnos regulares. El objetivo de los trabajos prácticos es conocer el grado de avance de interiorización y comprensión de los contenidos abordados y su integración y utilización en el momento de la resolución de situaciones problemáticas.

b) Modalidad de agrupamientos (pequeños grupos fijos o flexibles, grupo grande, alumnos de diferentes comisiones, niveles o carreras, otras)

En esta materia no existen agrupamiento. Las actividades son desarrolladas en forma individual.

c) Consultas: modalidad, tiempo, etapa del proceso en que se realizan

Organización de espacios dentro y fuera del ámbito universitario (aulas, talleres, laboratorios, visitas, empresas, otros)

Se realizan mediante la utilización de la plataforma pedagógica de la carrera, vía tutorías, consultas electrónicas, foros de discusión, tablón de novedades, chat. Orientación mediante tutorías y consultas electrónicas



Para un mejor trabajo colaborativo entre el profesor, los contenidos y el alumno se cuenta con el apoyo permanente de los docentes: la guía del profesor y las explicaciones y asesoramiento del tutor, quienes están para colaborar con el aprendizaje y evacuar las dudas. La consulta es prioritaria. Foros de discusión Son espacios de comunicaciones globales, todos con todos, alumnos, docente y tutores, para poner en común dudas, reflexiones, conclusiones sobre distintos temas o hallazgos interesantes sobre un tema en particular. Estos foros, los abre el docente de cada módulo por iniciativa propia o a propuesta de alumnos y/o tutores; y una vez abiertos, todos podrán participar en todas las instancias del mismo, haciendo o respondiendo preguntas. Estos foros tienen características asincrónicas y está estipulado que deben responderse en un plazo no superior a las 24 hs. y excepcionalmente de 48 hs. máximo. Chat en línea Este espacio de encuentro de los alumnos con el docente o tutor de la asignatura tiene como objetivo socializar los contenidos de la materia, en un espacio-tiempo común a todos los alumnos que deseen ingresar al mismo; para posibilitar el intercambio de experiencias, las consultas grupales y propuestas de seguimiento de la asignatura. Esta herramienta tiene características sincrónicas. Las mismas son programadas y anunciadas con suficiente tiempo de anticipación para que los alumnos coordinen sus actividades. Éste mecanismo trata de reducirse en su uso, ya que la modalidad a distancia implementada se basa principalmente en la organización de los tiempos de estudio por parte del alumno, sin horarios impuestos por la materia. Mensajes El alumno cuenta con la posibilidad de enviar mensajes puntuales con consultas específicas, que pueden ser contestadas a través de este sistema. Con características asincrónicas, permite una comunicación uno a uno entre los participantes. Tablón de Novedades A través de ellos el docente comunica cuestiones administrativas: fechas de entrega de trabajos prácticos, cantidad de trabajos a realizar, fechas de exámenes, etc.

5. MATERIALES CURRICULARES (RECURSOS): revistas, publicaciones, apuntes, textos, software, videos, internet, equipamiento didáctico, otros.

Material Bibliográfico La materia dispone de apuntes escritos especialmente para el curso y está dividido en unidades de aprendizaje donde se encuentra el apoyo teórico y práctico necesario para el desarrollo de un tema o contenido determinado. Los apuntes abarcan cada uno de los 7 ejes temáticos de la materia. Filmaciones de Clases Las filmaciones de clases tienen como objetivo desarrollar los aspectos más importantes de cada unidad a través de ejemplos prácticos, simples y concretos; la frecuencia será periódica, de acuerdo a la programación de la carrera. Presentaciones En formato de Powerpoint, son desarrolladas para asistir la filmación de las clases. Las mismas son puestas a disposición de los alumnos que las pueden utilizar como material complementario, de apoyo o resumen a los contenidos de la materia. Software De distintas características, es utilizado para desarrollar en forma pragmática actividades relacionadas con los contenidos desarrollados en la materia. Incluye: editor de textos, editor de páginas Web, editor de imágenes, etc. Sitios Web Se utilizan 2 tipos de sitios Web. Los primeros con contenidos complementarios a los aportados por la materia y los segundos para el desarrollo de actividades propuestas por la cátedra.

6. FORMACIÓN PRÁCTICA: Consignar la carga horaria total dedicada a la formación práctica vinculada a los grupos que se indican a continuación:

a) Formación experimental:

Ámbito de realización: Sitio de estudio del alumno.

Disponibilidad de infraestructura y equipamiento: Equipo informático con el software especificado instalado.

Actividades a desarrollar: Consta en el desarrollo de una actividad para la aplicación de conocimientos teóricos adquiridos durante el desarrollo de la materia. La misma consiste en la construcción de un prototipo visual de un sitio web haciendo uso de los lenguajes HTML y CSS. El prototipo presentado será desarrollado conforme a lo definido en el primer trabajo práctico de la materia.



Tiempo (carga horaria, período que abarca): 8 horas

Evaluación (de seguimiento y final): La actividad es evaluada conforme a las técnicas utilizadas y el resultado final obtenido.

b) Resolución de Problemas de Ingeniería:

Ámbito de realización: Sitio de estudio del alumno.

Disponibilidad de infraestructura y equipamiento: Equipo informático con el software especificado instalado.

Actividades a desarrollar: Consta del desarrollo de una actividad para la aplicación de conocimientos teóricos adquiridos durante el dictado de la materia. Trabajo de Investigación 1: Frameworks Javascript Web El alumno deberá investigar que frameworks javascript existen en el mercado y elaborar un documento descriptivo que resalte las ventajas y desventajas de cada uno de ellos. Finalmente deberá seleccionar uno de su preferencia argumentando los motivos de su decisión.

Tiempo (carga horaria, período que abarca): 8 horas

Evaluación (de seguimiento y final): La actividad es evaluada conforme a las conclusiones que el alumno haya arribado con relación al desarrollo teórico de su investigación.

c) Actividades de proyecto y diseño:

Ámbito de realización: No aplica

Disponibilidad de infraestructura y equipamiento: No aplica

Actividades a desarrollar: No aplica

Tiempo (carga horaria, período que abarca): No aplica

Evaluación (de seguimiento y final): No aplica

d) Práctica Supervisada:

Ámbito de realización: No aplica

Disponibilidad de infraestructura y equipamiento: No aplica

Actividades a desarrollar: No aplica

Tiempo (carga horaria, período que abarca): No aplica

Evaluación (de seguimiento y final): No aplica

7. EVALUACIÓN

Momentos:

��Inicial o diagnóstica, formativa o continua, sumativa o final

Continua: Trabajos Prácticos Final: Examen Escrito, Teórico - Práctico.

Instrumentos:



Trabajo Práctico 1: Planificación y Diseño de un Sitio Web En esta actividad el alumno deberá presentar un documento que ejemplifique las primeras etapas de un proceso de desarrollo de sitio web. Deberá definir un sitio hipotético y establecer los objetivos del mismo, la audiencia, el bosquejo inherente al diseño visual y una estructura jerárquica de las diferentes páginas que lo compondrán. Trabajo Práctico 2: Desarrollo del Sitio Web En esta actividad el alumno desarrollará las páginas definidas con anterioridad conforme a los requisitos de diseño establecidos en el primer trabajo práctico. Deberá hacer uso de los lenguajes HTML, CSS y Javascript.

Actividades:

�� Participación en clases teóricas, prácticas, seminarios. Realización de prácticas. Presentación de trabajos (informes técnicos, monografías, proyectos, otros). Coloquios. Otros

La evaluación continua se desarrolla a través de 2 trabajos prácticos. Trabajo Práctico 1: Planificación y Diseño de un Sitio Web En este trabajo práctico se desarrollan los primeros pasos del proceso de construcción de un sitio web. Trabajo Práctico 2: Desarrollo de un Sitio Web En este trabajo práctico el alumno deberá presentar un sitio Web diseñado, estructurado y construido conforme a los requerimientos oportunamente entregados. Durante el desarrollo de la materia se presentan ejemplos que aportan las herramientas necesarias para la resolución de los trabajos prácticos.

Criterios:

A) Regularidad: (trabajos prácticos, parciales, monografías, otros. Explicitar cantidad y tipo).

La regularidad se logra a través de la aprobación de 2 trabajos prácticos. El porcentaje mínimo para la aprobación de cada uno de los trabajos prácticos es de 60 %. Los trabajos se consideran aprobados en el momento en que el docente, o los tutores afirman que el alumno ha afianzado los conocimientos dados y los ha puesto en práctica correctamente.

��B) Promoción: (directa, con examen final o promoción por parciales. Indicar modalidad de examen: oral, escrito, mixto)

Examen final escrito. Modalidad del examen final escrito: preguntas multiple choice, preguntas de desarrollo, ejercicios.

8. ASIGNATURAS O CONOCIMIENTOS CON QUE SE VINCULA

La materia pertenece al Área de conocimiento Programación. La materia no posee correlativas.

9. ACTIVIDADES DE COORDINACIÓN (horizontal y vertical)

Horizontal: Programación Avanzada (PAV) Vertical: Programación Básica (PBA) - Desarrollo de sitios web Nivel 2

10. CRONOGRAMA



Semana Contenido Actividades

1

Presentación del Curso Unidad I – Introducción Origen de Internet y la Web. Fundamentos. Pasos a seguir en el desarrollo de un sitio Web. Herramientas y recursos. La página Web: HTML, elementos constructivos y estructura. Sitio Local y Sitio Remoto.

Publicación de los dos trabajos prácticos.

2

Unidad I – Introducción Preparando el entorno de trabajo

Configuración del entorno del SO para la realización de los TP. Descarga, Instalación y uso del editor NotePad++ Instalación y uso del editor de páginas FrontPage Express. Construcción de la primer página de prueba. Propuesta de Investigación de Atributos de los elementos HTML presentados en la clase anterior. Discusión de los mismos en el Foro .

3

Unidad II - Editores HTML. Trabajo con textos. Introducción a los Editores. Diferentes niveles de editores. Editores con resaltado de sintaxis vs. Editores de Páginas Web. Trabajando con Textos. Formato. Fuente. Estilos. Listas. Otros elementos. Propiedades de páginas..

Publicación a través del Foro de un archivo HTML con la aplicación de lo visto hasta el momento. Discusión de los mismos a través del Foro.

4

Unidad II - Editores HTML. Trabajo con textos. Presentación del TP1 - Planificación y Diseño de un Sitio Web (Instancia Evaluativa)

5

Unidad III – Gráficos. Agregando Imágenes. Introducción a los gráficos. Las imágenes y las páginas web. Tipo de imágenes. Propiedades. Las imágenes y HTML.

Propuesta de investigación de los atributos asociados a las etiquetas de imágenes. Prueba de los mismos. Publicación en el foro para su discusión.

6 Unidad III – Gráficos. Agregando Imágenes. Resumen de lo visto hasta el momento.

7

Unidad IV – Navegación. Uso de Hiperenlaces. Utilización y tipos de enlaces. Aplicación de enlaces a textos e imágenes. Planificar la navegación. Los enlaces y HTML.

8

Unidad IV – Navegación. Uso de Hiperenlaces. Planificación, esquema y bosquejo de un sitio Web. Detalles formales de su presentación. Sugerencias.

Encuesta Unidades I, II, III y IV (instancia no evaluativa)

9

Unidad V – Estructura. Tablas, Marcos y CSS Introducción a las estructuras de una página Web. Estructuración con Tablas. Sus propiedades. Marcos. Concepto. Tablas Vs. Marcos. Tablas Vs. CSS.

10 Unidad V – CSS Se profundiza en el lenguaje CSS a través de ejemplos y prácticas propuestas.

11

Unidad V – CSS Se profundiza en el lenguaje CSS a través de ejemplos y prácticas propuestas. Presentación de un prototipo de sitio web.

12

Unidad VI – Introducción a JavaScript Conceptos básicos del lenguaje. Variables, tipos de variables, operadores, estructuras del lenguaje, funciones básicas y propiedades.

Presentación y Evaluación del segundo TP (Instancia Evaluativa)

13

Unidad VI – Introducción a JavaScript Funciones, ámbito de las variables, modelo de eventos, interacción con elementos de formularios HTML.

14

Unidad VI – Introducción a JavaScript Desarrollo de prácticas de validación e interacción con elementos HTML a través de JavaScript. Etapa de Recuperatorio: Desarrollo de un Trabajo Práctico Integrador.



Semana Contenido Actividades

15

Unidad VII – Publicar el sitio en Internet Prueba y Publicación. Servidores que alojarán el sitio. ¿Cómo accederlos? Poner a disponibilidad de todo el mundo el sitio desarrollado.

Etapa de Recuperatorio: - Presentación y Evaluación del TP Integrador - Resolución de Encuesta Final (todas las unidades incluidas (Ambas Instancias Evaluativas)

16Unidad VII – Publicar el sitio en Internet Repaso general

Consultas llamados a exámenes

11. BIBLIOGRAFIA: Para textos: citar autor, título, ciudad, editorial, año. Para revistas: citar autor, título del artículo, nombre de la revista, n°, lugar, edición, año, pág., Para sitios web: dirección de la página.

a) Básica:

Textos

Título: Introducción a XHTML

Autor/es: Javier Eguíluz Pérez

Editorial: -

ISBN: * Libro con licencia Creative Commons publicado en http://www.librosweb.es/css

Edición/Año: 2011

Título: Introducción a CSS


Editorial: -


Edición/Año: 2011

Título: Introducción a JavaScript


Editorial: -


Edición/Año: 2011

Título: Conceptos Básicos

Autor/es: Lic. Martín Maglianesi

Editorial: -

ISBN: -

Edición/Año: 2011

Título:Trabajando con Texto


Editorial: -

ISBN: -

Edición/Año: 2011



Título: Agregando Imágenes


Editorial: -

ISBN: -

Edición/Año: 2011

Título: Hiperenlaces o Hipervínculos


Editorial: -

ISBN: -

Edición/Año: 2011

Título:Estructurar contenidos con tablas, marcos y CSS


Editorial: -

ISBN: -

Edición/Año: 2011

Título: Introducción a JavaScript


Editorial: -

ISBN: -

Edición/Año: 2011

Título: Publicación del sitio en Internet


Editorial: -

ISBN: -

Edición/Año: 2011

Revistas

Título:

Autor/es:

Nombre de la Revista:

Nro. de Revista:

Año:

Página inicial:

ISSN:



Sitios Web

Título:

Autor:

Dirección URL:

Fecha último acceso:

b) Complementaria:

Textos

Título: Creación de Sitios Web. Diseño: las mejores herramientas.

Autor/es: Vazquez P.

Editorial: MP Ediciones

ISBN: 97898722995910

Edición/Año: Colección MANUALES USERS Edición 2006

Revistas

Título:

Autor/es:

Nombre de la Revista:

Nro. de Revista:

Año:

Página inicial:

ISSN:

Título: Sitio Oficial de la W3C

Autor: N/C

Dirección URL: http://www.w3c.es/

Fecha último acceso: 03/11/2011

Título: Markup Validation Service

Autor: N/C

Dirección URL: Markup Validation Service




Sitios Web

Título: CSS Validation Service

Autor: N/C

Dirección URL: http://jigsaw.w3.org/css-validator/


Título: HTMLQuick.com

Autor: N/C

Dirección URL: http://www.htmlquick.com/es/


Título: w3schools.com

Autor: N/C

Dirección URL: http://www.w3schools.com/default.asp


12. ARTICULACIÓN DOCENCIA-INVESTIGACIÓN-EXTENSIÓN: (Se deben indicar las actividades a realizar durante el período que se planifica y solamente se consignarán aquellas en las que participarán los alumnos que cursen la asignatura en el período) (Longitud máxima: 2000 caracteres)

No aplica

13. DISTRIBUCIÓN DE TAREAS DEL EQUIPO DOCENTE: (Longitud máxima: 2000 caracteres)

La materia cuenta con un único docente designado por lo que el mismo desempeña las siguiente tareas: - mantenimiento del espacio asignado a la materia dentro de la plataforma pedagógica - actualización y mantenimiento de los contenidos de la materia - dictado de las clases teóricas - confección, publicación y corrección de trabajos prácticos - atención de consultas en foros, salas de chat, a través de mensajes y/o correo electrónico - gestión de la información en el sistema SIU-Guaraní (carga de regularidades, notas de exámenes finales, etc.) - confección y actualización de la planificación de cátedra - confección, toma y corrección de exámenes finales

Programa DSW1

Documents

Transcript of Programa DSW1