Este documento presenta la asignatura "Herramientas de diseño web" que se imparte en el sexto semestre de la Licenciatura en Informática Educativa de la Fundación Universitaria Católica Lumen Gentium. La asignatura busca que los estudiantes conozcan herramientas para diseñar portales y aplicaciones web estáticas y dinámicas con fines didácticos y pedagógicos. Se enseñarán conceptos teóricos y prácticos a través de presentaciones, talleres, ejercicios y exposiciones evaluadas

1. Fundación Universitaria Católica Lumen Gentium
Facultad de Educación
Licenciatura en Informática Educativa
Nombre de la asignatura : Herramientas de diseño web
Código : 33011
Componente : Informática
Semestre académico : 6
Intensidad semestral : 3 Créditos
Docente: Lina Tenorio Ramírez
Email: ltenorio@unicatolica.edu.co
Justificación
Es un hecho que los desarrollos de productos de software actuales están
orientados a la Web, por esta razón en la asignatura se orienta sobre los
conceptos teóricos y prácticos para que el estudiante conozca las herramientas de
calidad que la Web ofrece y las utilice para su uso didáctico y pedagógico.
Objetivo
Conocer las herramientas necesarias para planear, diseñar e implementar
portales y/o aplicaciones Web de contenidos estáticos y dinámicos.
Metodología
La metodología general será inicialmente de presentación y demostración de
conceptos, posteriormente ejecución de los mismos mediante talleres y ejercicios,
algunos resueltos por el estudiante y otros en discusión de grupo en clase, el uso de
la computadora será esencial en el desarrollo de la clase.

2. Porcentajes de evaluación sugeridos
Actividades 1er Parcial 2do parcial 3er Parcial
Talleres, trabajos,
Teórico-
prácticos
15% 15% 15%
Exposición 5% 5% 5%
Examen 10% 15% 15%
Porcentajes 30% 35% 35%
CONTENIDOS
1. Conceptos básicos
2. Herramientas de diseño web 2.0 (almacenamiento, edición de imagen,
audio, video)
3. Diseño de portales en la web gratuitos.
4. Herramientas de diseño web 2.0 (Apps)
4.1.Conociendo App inventor 2
a. Que es MIT appinventor 2
b. Interfaz de la aplicación
c. Creación de proyectos
d. Objetos gráficos
e. Propiedades de los objetos gráficos
f. Emulador
4.2. Programando en App inventor 2
a. Bloques de programación
b. Captura de datos
c. Condiciones
d. Ciclos

3. Bibliografía
Bibliografía y enlaces recomendados
APPINVENTOR
http://beta.appinventor.mit.edu/learn/setup/setupwindows.html
http://appinventor.mit.edu/explore/
HTML:
http://gias720.dis.ulpgc.es/Gias/Cursos/Tutorial_html/tablatut.htm
GIMP:
http://gimp.es.gnome.org/documentacion/