INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II 1. DATOS GENERALES SÍLABO CARRERA PROFESIONAL : Telemática / Sistemas de Telecomunicaciones UNIDAD DIDÁCTICA : Introducción al Desarrollo de Aplicaciones Informáticas MÓDULO PROFESIONAL : Redes Microinformáticas DURACIÓN : 54 Horas CRÉDITOS : 2.25 2. DESCRIPCIÓN La unidad didáctica de Introducción al Desarrollo de Aplicaciones Informáticas tiene como objetivo que el estudiante comprenda los principios del desarrollo de aplicaciones web. Para ello, revisa los temas de creación de aplicaciones web usando HTML (HyperText Markup Language), hojas de estilos CSS (Cascading Style Sheets) y programación con javascript. En la primera actividad se revisan las etiquetas del lenguaje HTML que se utilizan para la creación de páginas web que incluyan textos, imágenes, listas, tablas y En la segunda actividad se aplican estilos a las páginas web. Se definen estilos en línea, internos y externos para modificar el formato de los textos, la posición de los elementos y sus colores. Adicionalmente, se crean páginas web animadas usando transformaciones, transiciones y animaciones. En la tercera actividad se utiliza la programación con javascript para la creación de páginas web dinámicas. Finalmente, en la cuarta actividad los alumnos demuestran los conocimientos adquiridos durante la unidad didáctica con la creación de una web compleja. Introducción al Desarrollo de Aplicaciones Informáticas Pág. 1
. ACTIVIDADES DE APRENDIZAJE No ACTIVIDAD DE APRENDIZAJE (AA) CONTENIDO (C) DURACIÓN EN HORAS C AA 1 Creación de páginas web con HTML HTML Elementos Básicos HTML, etiquetas, elementos HTML, navegadores. Estructura de una página HTML, versiones de HTML, declaración doctype. HTML encabezados, párrafos, cambios de línea. HTML formatos de texto. Comentarios. Atributos HTML: Globales y Específicos LAB01: Crea aplicaciones web con html. HTML Listas, Tablas y Multimedia HTML Listas, HTML Tablas, HTML Imágenes. Incrustar objetos en HTML. Incrustar audio y video. LAB02: listas, tablas, imágenes, audio y video. HTML Navegación y Estructuras Estructura de Proyecto Web. Frames Enlaces entre páginas LAB0: Crea aplicaciones web con páginas enlazadas y estructuradas. 15 HTML Formularios Formularios, caja de textos, áreas de texto, cajas de texto para password, cajas de texto ocultas, botones, checkbox, radio button, listas, combo box, etiquetas, agrupadores de elementos y legenda. Introducción al Desarrollo de Aplicaciones Informáticas Pág. 2
2 Aplicación de estilos a páginas web Programación con Javascript LAB04: Estilos en línea, internos y externos Definición de CSS. Formas de aplicar estilos: Estilos en línea, internos y externos. LAB05: estilos inline e internos. Aplicación de Estilos CSS Box Model CSS Border, CSS Background, CSS Text y CSS Font LAB0: estilos. Layouts Creación de Layouts. Aplicación de estilos de posicionamiento, flotantes y visibilidad. LAB07: layouts. Transformaciones, Transiciones y Animaciones Archivos css, definición y aplicación de estilos. LAB08: Crea aplicaciones web animadas usando transformaciones, transiciones y animaciones. JavaScript Básico Sentencias, comentarios, variables, tipos de datos, objetos, funciones, operadores, comparaciones, condiciones, repeticiones, validaciones y control de errores. 15 12 LAB09: Crea funciones Javascript. Introducción al Desarrollo de Aplicaciones Informáticas Pág.
JavaScript HTML DOM DOM HTML, DOM Css, eventos y nodos. LAB10: Controla elementos html usando Javascript. JavaScript Navegación y Ventanas windows, screen, location, history, navigator, popupalert, timing y cookies. LAB11: Controla la navegación entre páginas web usando javascript. 4 Proyecto integrador Presentación de aplicación. Evaluación de 12 12 la actividad. DURACIÓN UNIDAD DIDÁCTICA 54 4. EVALUACIÓN No. ACTIVIDAD DE APRENDIZAJE INDICADOR DE EVALUACIÓN INSTRUMENTO DE EVALUACIÓN 1 Creación de páginas web con HTML 2 Aplicación de estilos a páginas web etiquetas HTML. listas, tablas, imágenes, audio y video. Crea aplicaciones web con páginas enlazadas y estructuradas. estilos en línea, internos y externos. layouts. Aplica transformaciones, animaciones y transiciones en una aplicación web. Tarea académica (TA) Práctica de laboratorio o Tarea académica (TA) Práctica de laboratorio o Programación Crea funciones usando Javascript. Tarea académica (TA) con Javascript Controla elementos html usando Práctica de laboratorio o Javascript. Controla la navegación entre páginas web usando javascript. Introducción al Desarrollo de Aplicaciones Informáticas Pág. 4
4 Proyecto integrador Desarrolla una aplicación web usando html, estilos y javascript. Presentación o exposición (PRE) Instrumentos de Evaluación: Tarea académica (TA): considera los trabajos solicitados por el docente para reforzar, complementar y consolidar el aprendizaje. Puede ser elaborado en la institución o en otro ámbito, de forma individual o grupal. Práctica de laboratorio o : evalúa, de forma parcial y progresiva, el componente práctico de cada actividad de aprendizaje. Debe ser desarrollada en la institución de forma individual. Presentación o exposición (PRE): evalúa las habilidades, destrezas y/o conocimientos adquiridos por el alumno durante el desarrollo o término de la actividad de aprendizaje, a través de la demostración (aprender haciendo), presentación o exposición. Puede ser individual o grupal. Examen de la actividad (EA): evalúa la capacidad adquirida por el alumno al finalizar la actividad de aprendizaje. Debe ser desarrollado en la institución de forma individual. 5. CALIFICACIÓN La calificación final de la unidad didáctica se calculará como un promedio de las notas obtenidas en cada unidad de aprendizaje: Calificación Final UD = (AA1 + AA2 + AA + AA4) / 4 Donde: UD: Unidad Didáctica AAN: Nota de la Actividad de Aprendizaje número N.. BIBLIOGRAFÍA MIFSUD ELVIRA, LERMA RAUL y JUNCOS RAUL. Instalación y mantenimiento de servicios de internet. McGraw-Hill, 200. 0 p. ISSN : 978844814885 NICK, KEW. Desarrollo de módulos y aplicaciones con APACHE. Anaya, 2008. 528 p. ISBN: 978844152289 CAMERN, DANE. A Software Engineer Learns HTML5, JavaScript and jquery. Primera Edición. CreateSpace Independent Publishing Platform, 201. 25p. ISBN-10: 1499215. Introducción al Desarrollo de Aplicaciones Informáticas Pág. 5