1. COMPUTACIÓN III 1
CENTRO DE INFORMÁTICA Y SISTEMAS
EXPERIENCIA EXTRACURRICULAR DE COMPUTACIÓN III
SÍLABO
I. DATOS GENERALES
1.1. Unidad Académica : Centro de Informática y Sistemas - CIS
1.2. Escuela Profesional : Todas (no incluye escuelas de la Facultad de Ingeniería y Arquitectura)
1.3. Semestre Académico: 2016-02
1.4. Requisitos : Computación II
1.5. Carácter : Obligatorio
1.6. Nº de créditos : 03
1.7. N° de Horas Totales : 84 Horas Académicas (56 hrs. síncronas + 28 hrs. asíncronas)
I. SUMILLA
La asignatura de Computación III es una exigencia académica de formación complementaria orientada a
preparar al estudiante a desarrollar competencias técnicas, acreditándolos en el uso de diversas
aplicaciones computacionales para incrementar su productividad en sus actividades académicas y
profesionales.
En esta asignatura aprenderá a crear e implementar sitios web creativos y modernos aplicando diversas
tecnologías y las fases de desarrollo de un proyecto web (planificación, diseño e implementación), en el
desarrollo de esta experiencia usará programas de diseño gráfico y web para crear componentes estáticos,
dinámicos y multimedia, los que serán publicados y administrados desde un servidor web (hosting).
II. COMPETENCIA
Diseña e implementa sitios web insertando diversos componentes estáticos, dinámicos y multimedia como
imágenes, banners, películas, audios, videos y catálogos digitales a través del uso eficiente de software de
diseño gráfico y web: Gimp, Swish Max, Wow Slider, Camtasia Studio, Publisher, Calaméo y Adobe
Dreamweaver; además integra las herramientas colaborativas de Google Apps en diversos servicios de
internet, demostrando en todo momento creatividad e innovación.
III. PROGRAMACIÓN ACADÉMICA
PRIMERA UNIDAD: Planificación y diseño de sitios web.
DURACIÓN: 08 sesiones
2. COMPUTACIÓN III 2
PROGRAMACIÓN
SESIÓN CONTENIDOS CAPACIDAD
01 Presentación del Curso, Sílabo, PAC, Reglamentos.
Uso de Plataforma: Campus Virtual.
Sitios Web
Diseño de la estructura del sitio web: El diseño lógico y físico
(mapa de sitio)
Boceto para el diseño de páginas en un sitio web
(MAQUETACIÓN)
WIX
Implementación de un sitio web multimedia en WIX
Guardar el Sitio Web en WIX
Clasifica los diferentes diseños que se
utilizan en la implementación de un Sitio
Web.
02 WIX
Administración y edición del Sitio Web guardado en WIX
Administración de componentes el WIX.
Publicación de un sitio web multimedia en WIX
Adobe Dreamweaver
Entorno de Adobe Dreamweaver
Sitios web
Página web
Propiedades de página
Etiquetas DIV
Insertar textos y componentes internos (imágenes)
Archivos y carpetas ocultos
Implementa y administra un sitio web
multimedia del tipo empresarial en forma
organizada, eficiente y creativa.
03 Entorno de trabajo Gráfico en Gimp – SESION VIRTUAL
Fundamentos y entorno del GIMP
Acciones básicas con imágenes (abrir, crear, guardar).
Propiedades de lienzo
Caja de herramientas
Formatos de imágenes
Capas
Herramientas de selección y transformación
Herramienta texto
Herramienta pintura
Exportar imagen
Inserción de componentes en WIX y Dreamweaver
Configura el entorno de trabajo de GIMP
y diseña componentes gráficos básicos
para insertarlos en una página web.
04 Componentes Gráficos con Gimp
Herramientas de mapa de bits (retoques y filtros)
Herramienta GEGL
Herramienta Clonar
Montaje fotográfico
Transparencia con alfa
Máscaras
Inserción de componentes en WIX y Dreamweaver
Diseña componentes gráficos avanzados
para para insertarlos en una página web.
05 Componentes Gráficos Interactivos con Gimp
Animación de objetos
Animación de botones
Banner
Vínculos de objetos
Inserción de componentes en WIX y Dreamweaver
Implementa componentes gráficos
interactivos con GIMP, en la creación de
banners y botones.
06 Componentes Multimedia
Albums y banners con WOW SLIDER
Películas para la Web con Swish Max
Entorno de SWISH MAX
Herramientas
Propiedades de objetos
Efectos y animación
Produce componentes multimedia con
programas de animaciones de forma
eficiente, ordenada y creativa.
Diseña películas para la web con Swish
Max de manera organizada y creativa.
3. COMPUTACIÓN III 3
Control de animaciones
Exportar en formato swf y/o gif animation
Inserción de componentes en Wix y Dreamweaver
07 Videos con Camtasia Studio
El entorno de trabajo de Camtasia.
Guardar proyecto.
Edición y transiciones.
Importar objetos.
Generar película en formato flash.
Ver un vídeo como página web
Grabar un vídeo desde el PC.
Importar un vídeo publicitario para su edición.
Narración cronológica.
Editar contenidos para publicidad web.
Publicación de videos en YouTube
Inserción de videos en Wix y Dreamweaver
Diseña y publica vídeos con Camtasia
Studio en forma organizada.
08 Taller de Reforzamiento (2 horas)
Desarrollo de casos y/o proyectos
Avance de Proyecto en equipo (2 participantes)
Desarrolla casos y/o proyectos tipo para
reforzar los temas de la I unidad.
Examen Parcial I (2 horas)
SEGUNDA UNIDAD: Administración de sitios web y Google Apps.
DURACIÓN: 06 sesiones
PROGRAMACIÓN
SESIÓN CONTENIDOS CAPACIDAD
09 Administración de Sitios Web I con Dreamweaver
Plantillas web con Etiquetas Div
Insertar componentes internos (imágenes de sustitución y
archivos de sonido)
Menús (spry)
Vínculos: marcadores e hipervínculos
Ventanas emergentes
Descarga de archivos
Administra un sitio web I de forma
organizada, eficiente y creativa.
10 Administración de Sitios Web II con Dreamweaver
Insertar componentes externos al Dreamweaver (contadores,
mapas, videos)
Publicación y administración remota del sitio web
Publica un sitio web eficientemente.
11 Catálogos Digitales - SESION VIRTUAL
Publisher
Calaméo: Servidor de catálogos digitales.
Implementa y administra un catálogo
digital del tipo empresarial en forma
organizada, eficiente y creativa.
12 Diseño e Implementación de un Blog
Registro y acceso
Blog utilizando el servidor Blogger
o Entradas
o Insertar videos
o Insertar gadgets
o Insertar código
Publicación y administración remota del sitio web
Gestiona eficientemente la información
en la nube para crear, publicar y
compartir información
13 Introducción a las Herramientas de Google Apps
Acceder a Google Apps para educación y Google Drive.
Google Drive.
Google Docs.
Instalar complementos para optimizar el uso de Google Docs.
Gestión y Recolección de Datos con Google
Google Sheets.
Google Forms.
Reconoce y utiliza el entorno de trabajo
colaborativo de Google, gestiona datos
con Google Sheets y recolecta datos
utilizando instrumentos como encuestas
y cuestionarios creados en Google
Forms.
4. COMPUTACIÓN III 4
Publicación y enlace remoto a un sitio web
14 Presentación de Proyectos (2 horas)
Exposición final de proyecto en equipo (2 participantes)
Examen Final (2 horas)
IV. ESTRATEGIAS METODOLÓGICAS
El desarrollo del curso es netamente práctico, es decir en cada unidad se impartirán los
conocimientos necesarios aplicándolos a casos reales de acuerdo al perfil de los estudiantes.
Los estudiantes, guiados por el docente, desarrollarán un proyecto integrador que se irá
implementando progresivamente de acuerdo al desarrollo del curso.
Se aplicarán estrategias de aprendizaje e investigación cooperativa.
Se implementarán estrategias para favorecer la creatividad, análisis y resolución de problemas, así
como la toma de decisiones y retroalimentación de contenidos.
El aula virtual de la UCV se empleará como medio de comunicación entre el docente y los estudiantes,
para efectos de mensajería interna, repositorio de información complementaria, prácticas de
aprendizaje, foros y evaluaciones virtuales, acciones de tutoría académica y comunicación de
resultados de evaluación de los aprendizajes.
V. MEDIOS Y MATERIALES
Libro digital
Prácticas de aprendizaje
PC individual
Programas: Wix, Gimp 2.8, Swish Max 4, Wow slider 8.5, Camtasia Studio 7, Publisher 2013 y
Dreamweaver CS6
Proyector Multimedia
VI. EVALUACIÓN
La escala de calificación es vigesimal y el calificativo mínimo aprobatorio es 11. Sin embargo, el diploma
del Programa de Acreditación en Computación hace una distinción cuando el promedio obtenido es
igual o mayor a 14: su diploma indicará que aprobó el curso satisfactoriamente y que es un “Especialista
en Diseño Gráfico y Web”.
La fracción equivalente o mayor a 0.5 solamente favorece al estudiante en el cálculo del promedio final.
Por cada unidad se considerará prácticas de laboratorio (PL), actividades de aprendizaje (AA), sesiones
virtuales y foros (EV), además del examen parcial (EP) en la primera unidad y examen final (EF) en la
segunda unidad.
El examen parcial y final tienen peso 2.
El promedio final (PF) se obtendrá del promedio de las dos unidades (PU1 y PU2)
El 30% de inasistencias inhabilita al estudiante para continuar con la asignatura (con 4 faltas el alumno
queda inhabilitado).
Cumplir con todas las evaluaciones programadas, estudiante que no se presente a una evaluación
tendrá un calificativo de cero (0).
El alumno que por algún motivo no rinda su examen final, podrá rendirlo en el periodo de examen de
rezagado, de no presentarse será calificado con nota cero (0).
Cumplir con la presentación de los trabajos asignados en la fecha y tiempos establecidos.
5. COMPUTACIÓN III 5
PROMEDIO UNIDAD 1 (PU1) PROMEDIO UNIDAD 2 (PU2)
PU1=(PL+AA+EV+(EP*2))/5 PU2=(PL+AA+EV+(EF*2))/5
PROMEDIO FINAL (PF)
PF=(PU1+PU2)/2
PL: Prácticas de Laboratorio
AA: Actividades de Aprendizaje
EV: Evaluación Virtual (Sesión Virtual + Foro)
EP: Examen Parcial
EF: Examen Final
VII. BIBLIOGRAFÍA
004/D51, DE LA CRUZ Villar, Joel, Diseño Web Con Macromedia Dreamweaver Fireworks Flash,
Apolinario, Gean (ilust.), Primera Edición, Perú: Megabyte, 2005-455 pág. ISBN: 9972-821-47-1
004.4/O71, OROS Cabellos José, Adobe Dreamweaver Cs3 Curso Práctico, Primera Edición, México:
Alfa Omega Grupo 2008-464 pág ISBN: 978-970-15-1411-5.
SITIOS WEB
FELKE, M.T Web Development & Design Foundations with XHTML, extraído el 25/02/2014, disponible
en: http://webdevfoundations.net
CHARLIE, D.J.Videos Tutoriales libres: Dreamweaver. .Extraído el 25/02/2014, disponible en:
http://www.savevid.com/tag/www.djcharlie.tk
GIMP.ORG, Manual del Gimp, extraído el 04/08/2014, disponible en:
http://docs.gimp.org/es/
BEYMAR, JHAMIL: http://es.slideshare.net/beymar1987/manual-de-camtasia-estudio-7
ZAPATA, S Vídeo Tutorial de Wow slider, extraído el 12/08/2014, disponible en:
https://www.youtube.com/watch?v=jOLFT8sTBc8
DESARROLLO WEB: http://www.desarrolloweb.com/manuales/swishmax.html
6. COMPUTACIÓN III 6
PROYECTO INTEGRADOR DE COMPUTACIÓN III
La competencia de la asignatura y capacidades de cada sesión de Computación III, serán desarrolladas por el docente
mediante un proyecto integrador dirigido clase a clase, en paralelo los estudiantes deberán elegir un tema de acuerdo
a su perfil para implementar su proyecto web personal.
El proyecto se irá desarrollando de acuerdo a la siguiente estructura:
Un sitio web personal en WIX
Un sitio web en equipo (02 estudiantes) en Dreamweaver.
Sesión Actividades a desarrollar
Fecha límite de presentación de
actividad
01
Crearán su sitio web personal en WIX.
Conformarán grupos de trabajo para diseñar su
boceto (para Dreamweaver).
Un día antes de la sesión 02.
02
Crearán y organizarán su sitio web grupal en
Dreamweaver, según el diseño de su boceto
presentado.
Un día antes de la sesión 03.
03
Crearán y exportarán sus componentes gráficos
básicos en GIMP, los cuales serán insertados en WIX
y Dreamweaver (según boceto).
Un día antes de la sesión 04.
04
Crearán y exportarán sus componentes gráficos
avanzados en GIMP, los cuales serán publicados en
WIX y Dreamweaver (según boceto).
Un día antes de la sesión 05.
05
Crearán y exportarán sus componentes gráficos
interactivos en GIMP, los cuales serán publicados en
WIX y Dreamweaver (según boceto).
Un día antes de la sesión 06.
06
Crearán y exportarán sus componentes multimedia
en WOW Slider y Swish max, los cuales serán
publicados en WIX y Dreamweaver (según boceto).
Un día antes de la sesión 07.
07
Crearán y exportarán su(s) vídeo(s) en Camtasia
Studio, los cuales serán publicados en Dreamweaver
(según boceto).
Un día antes de la sesión 08.
08 Presentación del avance del proyecto Día de la sesión 08.
09
Crearán los componentes internos en las páginas
web, generando los vínculos internos y externos
necesarios entre ellas para implementar el sitio web
grupal en Dreamweaver.
Un día antes de la sesión 10.
10
Crearán los componentes externos en las páginas
web necesarios para implementar el sitio web grupal
en Dreamweaver.
Revisarán y corregirán su proyecto, según
indicaciones del docente.
Un día antes de la sesión 11.
11
Integrarán documentos en la nube en las páginas de
su sitio web grupal de Dreamweaver.
Un día antes de la sesión 12.
12
Revisarán y corregirán su proyecto, según
indicaciones del docente
Hasta un día antes de la sesión
13.
13
Publicarán su sitio web en un servidor gratuito. Hasta un día antes de la sesión
14.
14
Presentación del proyecto final. Día de la sesión 14