Usabilidad: Diseño de sitios Web

PROGRAMA ANALITICO
MATERIA
CODIGO
PRE-REQUISITO
PERÍODO LECTIVO
HORAS
PRESENCIALES
DESARROLLO APLICACIONES
INTERNET
COM 251
4 CREDITOS
COM 210
SEMESTRE
CLASES 64 Horas
1. DESCRIPCION
COM 251. Desarrollo de Aplicaciones para Internet. Esta materia prepara al estudiante
para desarrollar aplicaciones web comprendiendo las diferentes herramientas existentes,
siguiendo los estándares y tendencias más modernas del diseño y programación web en
la capa del cliente; tomando como base las tecnologías CSS, HTML, y JavaScript como
solución en un mundo en constante cambio y evolución tecnológica.
2. OBJETIVOS
2.1. General



Diseñar sitios Web profesionales cumpliendo con esquemas de colores, letras y
usabilidad.
Conocer los estándares del diseño web más modernos para estar en concordancia
con los nuevos entornos y plataformas.
Dominar herramientas disponibles para el desarrollo de aplicaciones web
siguiendo siempre el paradigma de aprender a aprender en un entorno en
constante cambio.
2.2. Específicos




Conocer y aplicar los nuevos conceptos del diseño web.
Valorar las diferentes herramientas de desarrollo del lado del cliente.
Aprender a usar las herramientas existentes para optimizar tiempo en el desarrollo
de aplicaciones.
Manipular herramientas de diseño Web orientado a la usabilidad y aplicación
prácticas basadas en Tecnologías emergentes.

Desarrollar habilidades prácticas mediante la aplicación de casos del entorno
laboral.
3. COMPETENCIAS




Crea aplicaciones basadas en los últimos estándares de la web 2.0.
Conoce las herramientas de desarrollo más usadas en la actualidad.
Crea proyectos de desarrollo web para su entorno.
Analiza y estudia la factibilidad de proyectos web.
4. RESULTADOS APRENDIZAJE
 Diseña aplicaciones con un entorno amigable basado en los nuevos estándares
aprendidos.
 Reconoce nuevas herramientas de desarrollo a nivel informático.
 Aplica su conocimiento para el desarrollo de proyectos interactivos.
5. METODOLOGIA
La metodología que se aplicará, en la asignatura Desarrollo de Aplicaciones para internet,
estará basada en el manejo de herramientas y materiales didácticos previos al
reconocimiento de los diferentes tipos de proyectos a desarrollarse. Los estudiantes serán
capaces de desarrollar, al finalizar el curso, una aplicación web 2.0 mediante un proyecto
de aula. Algunas metodologías que se aplicarán tendrán algunos aspectos comunes con
otras materias, los cuales se derivan del modelo constructivista social, en el cual se basa
el Modelo Educativo de la Universidad Ecotec. Por esta razón se privilegian los métodos
participativos y entre ellos el de casos, combinándose con otros métodos activos, como el
problema, lluvia de ideas, el desarrollo de talleres, entre otros, favoreciendo de manera
sistemática la interacción de los estudiantes en grupos, siguiendo los principios del
aprendizaje cooperativo (colaborativo), con el fin de desarrollar la competencia de trabajo
en equipo, para profundizar en el conocimiento del tema central de la asignatura.
En este enfoque metodológico el docente actúa como un facilitador, que explora los
conocimientos previos que tienen los estudiantes sobre el tema y guía la construcción de
los conocimientos de manera individual y en grupos, vinculando de manera sistemática la
teoría con la práctica. Se refuerza la relación de la teoría con la práctica y las habilidades
de los estudiantes de desarrollar proyectos en relación a los contenidos específicos de
cada materia.
Descripción del tipo de trabajos requeridos

Cada semana se enviarán trabajos personales o grupales para el desarrollo de
actividades complementarias a las clases, los talleres serán prácticas individuales,
y grupos de trabajo tanto en clase como externos no serán de más de tres
participantes.



Los trabajos
de investigación, serán entregados de acuerdo a las normas
señaladas en el Aula Virtual. La redacción de los documentos, en cuanto a
formato, letra, citas y la bibliografía, se realizará según las NORMAS APA.
Los trabajos se recogerán la siguiente semana de enviada la tarea al inicio de la
clase y deberán ser subidos a la web desde el atrium, los trabajos
obligatoriamente deberán ser desarrollados en computadora, por lo cual los
alumnos deben manejar Word, Excel y Power Point.
Los trabajos enviados deberán ser presentados con una introducción, desarrollo,
conclusiones y bibliografía, con la carátula determinada por universidad y ser
ingresados desde el atrium en la opción de tareas.
6. CONTENIDO PROGRAMATICO
UNIDAD 1: Introducción a la creación de Aplicaciones para Internet.
1.1. ¿Qué es la Web 2.0?
1.2. Últimas tendencias del desarrollo web.
1.2.1. Qué es Responsive design.
1.2.2. Lo nuevo en HTML5 y CSS3.
1.2.3. Herramientas de utilidad para el diseño.
UNIDAD 2: Herramientas más usadas para el desarrollo web.
2.1.
2.2.
2.3.
2.4.
2.5.
Open Source:
Lenguajes, Frameworks y
Sistemas de Gestión de Contenidos.
Principales tipos de Sitios webs.
2.4.1. Blogs.
2.4.2. E-learning.
2.4.3. E-commerce.
2.4.4. Red Social.
2.4.5. Sitio Empresarial
Dreamweaver como editor de código. Administrar sitios. Vistas.
UNIDAD 3: Introducción al Desarrollo web: HTML, HTML5 y CSS3.
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
Principales etiquetas en HTML.
Creación de una página simple
Etiquetas de contenido.
Etiquetas de Formato: Dando formato al contenido.
Etiquetas HTML5
Plantillas HTML5
Grids responsive
UNIDAD 4. Estilos en páginas web.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
Dando estilos con CSS
Concepto CSS, clases, reglas, concepto de Divs, posición Absoluta, Relativa,
conceptos Float y Margin, ejercicio sencillo de cajas.
Realizar página sencilla con Encabezado, Cuerpo y Pie, relación con fichero CSS
externo.
Principales propiedades de CSS.
Conceptos modernos de diseño.
Compatibilidad de CSS3 con navegadores.
Utilidades para el uso de CSS3.
UNIDAD 5. Animaciones y Efectos. Frameworks: Javascript y Jquery.
5.1.
Crear animaciones: Slides, galerías de imágenes.
UNIDAD 6. Mapa del Sitio y Estrategia de Navegación
6.1.
Creación de Menú principal.
6.1.1. Crear Menú con Jquery.
6.1.2. Crear Menú con CSS.
UNIDAD 7. Widgets: Tipos y Funciones.
7.1.
7.2.
7.3.
Plugins. Qué son los Plugins.
Incrustar código de terceros.
Insertar audio y video.
UNIDAD 8. Formularios en HTML.
8.1.
8.2.
Crear formularios personalizados. Formularios en HTML.
8.1.1. Tipos de campos en HTML: Propiedades.
8.1.2. Enviar información con formularios.
8.1.3. Validar formularios.
Lo nuevo en formularios HTML5.
UNIDAD 9. Posicionamiento en Buscadores. SEO.
9.1.
9.2.
9.3.
¿Qué es el Posicionamiento en Buscadores: SEO?
9.1.1. Técnicas de posicionamiento.
9.1.2. Alta en buscadores.
9.1.3. Etiquetas Meta. Plus
Crear Página en Google: efecto en los buscadores.
Crear página en Facebook.
UNIDAD 10. Aplicaciones Cliente Servidor
10.1.
Aplicación Cliente.
10.1.1. Aplicación Servidor.
10.1.2. Lenguajes del lado del cliente.
10.1.3. Lenguajes del lado del servidor.
10.2.
10.1.4. Aplicaciones Cliente-Servidor: PHP.
Herramientas necesarias para crear una aplicación con bases de datos.
10.2.1. Instalación de wamp server y ampps.
10.2.2. Comparación entre ambos servidores.
10.2.3. Servidores web con soporte para Mysql y PHP.
10.2.4. Hosting para PHP y Mysql.
UNIDAD 11. Herramientas para Crear Blogs.
11.1. Instalar Wordpress.
11.1.1. Requerimientos.
11.1.2. Uso de Plantillas.
11.1.3. Uso de Extensiones y Plugins.
11.2. Valorar Contenidos en Blogs
11.2.1. Suscripciones: conseguir seguidores.
11.2.2. Gestión e importancia de los comentarios.
11.2.3. Gestión de Artículos.
11.3. Compartir en Redes Sociales.
11.3.1. Botón Compartir en Facebook, Linkedin y Twitter.
11.3.2. Botón Me gusta y páginas de Fans de Facebook.
11.3.3. Conectar Blog a Linkedin.
UNIDAD 12. Los nuevos paradigmas del diseño web.
12.1. Elementos necesarios para diseño web responsive.
12.2. Plantillas responsive design.
12.3. Creación de web para móviles. Frameworks y herramientas necesarias para crear
una web móvil
12.4. Crear páginas web adaptables a diferentes tamaños de pantallas.
12.5. Trabajo con plantillas
7. EVALUACION
Criterio para la calificación de los trabajos:
 La presentación de deberes y trabajos tiene carácter obligatorio, en caso de
incumplimiento se impondrán sanciones en la nota de actividades.
 Los trabajos de investigación se calificarán sobre un total de 30 puntos desglosado de
la siguiente manera:
 Talleres y Análisis de Casos 10 puntos
 Investigaciones y Deberes 10 puntos
 Exposiciones/recursos utilizados 10 puntos
 La nota mínima para aprobar el curso es 70.
 Los exámenes se rendirán en la fecha previamente establecida por el Decanato de la
Facultad, y no se aceptará a ningún estudiante postergación ni anticipación de dicha
evaluación, sin una justificación de fuerza mayor previamente aprobada por la
Comisión Académica de la Facultad. En éste caso únicamente se aprobará la toma del
examen supletorio.
 Se regirá por el Reglamento de la Universidad
CALIFICACION
ACTIVIDADES
30
PRIMER EXAMEN
SEGUNDO EXAMEN
EXAMEN FINAL
NOTA FINAL
15
15
40
100
SE TENDRA EN CUENTA EN EL PROCESO DE EVALUACION LA APLICACIÓN DE
LA AUTOEVALUACION, COEVALUACION Y HETEROEVALUACION
8. BIBLIOGRAFICA BASICA
TEXTO
Learning Web Design
AUTOR
Jennifer Niederst Robbins
Manual de Dreamweaver
Java Script & Ajax
Mediactive
Tom Negrino y Dori Smith
EDITORIAL
Editorial OReilly, 4ta
Edición, 2012
Marcombo
Pearson, 1ra Edición,
2007
9. BIBLIOGRAFICA COMPLEMENTARIA
RECURSO
Técnicas Avanzadas de Diseño
Web
Guía HTML5
Christian Van Der Henst
MEDIA active
DIRECCIÓN
Editorial Vértice, 1ra
Edición 2010
http://mejorandolaweb.com
MARCOMBO S.A.
El gran libro de HTML5 CSS3 y
Javascript
Juan Diego Gauchat
Marcombo
HTML5 Y CSS3. Revolucione el
diseño de sus Sitios Webs.
Web 2.0
Christopher Aubry
ENI EDICIONES. 2012
Octavio Isaac Rojas
Jakob Nielsen
Ed. Orduña - 2007
Prentice Hall
Grupo Vértice
APRENDER DREAMWEAVER
CS6 CON 100 EJERCICIOS
PRÁCTICOS
Usabilidad: Diseño de sitios Web
Revisado por:
Aprobado
por:
Dr. C. Oiner Gómez
DECANO DE LA FACULTAD
Gilda Alcívar, MSc.
Vicerrectora Académica
Fecha: 28/10/2014