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

COMPUTACIÓN III 1
 PROGRAMACIÓN
SESIÓN CONTENIDOS CAPACIDAD
01 Presentación del Curso, Sílabo, PAC, Reglamentos.
Uso de Plataforma: Campus Virtual. Clasifica los diferentes diseños que se
Sitios Web utilizan en la implementación de un Sitio
 Diseño de la estructura del sitio web: El diseño lógico y físico Web.
(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
02 WIX Implementa y administra un sitio web
 Administración y edición del Sitio Web guardado en WIX multimedia del tipo empresarial en forma
 Administración de componentes el WIX. organizada, eficiente y creativa.
 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
03 Entorno de trabajo Gráfico en Gimp – SESION VIRTUAL Configura el entorno de trabajo de GIMP
 Fundamentos y entorno del GIMP y diseña componentes gráficos básicos
 Acciones básicas con imágenes (abrir, crear, guardar). para insertarlos en una página web.
 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
04 Componentes Gráficos con Gimp
 Herramientas de mapa de bits (retoques y filtros) Diseña componentes gráficos avanzados
 Herramienta GEGL para para insertarlos en una página web.
 Herramienta Clonar
 Montaje fotográfico
 Transparencia con alfa
 Máscaras
Inserción de componentes en WIX y Dreamweaver
05 Componentes Gráficos Interactivos con Gimp
 Animación de objetos Implementa componentes gráficos
 Animación de botones interactivos con GIMP, en la creación de
 Banner banners y botones.
 Vínculos de objetos
Inserción de componentes en WIX y Dreamweaver
06 Componentes Multimedia Produce componentes multimedia con
 Albums y banners con WOW SLIDER programas de animaciones de forma
Películas para la Web con Swish Max eficiente, ordenada y creativa.
 Entorno de SWISH MAX Diseña películas para la web con Swish
 Herramientas Max de manera organizada y creativa.
 Propiedades de objetos
 Efectos y animación

COMPUTACIÓN III 2
  Control de animaciones
 Exportar en formato swf y/o gif animation
Inserción de componentes en Wix y Dreamweaver
07 Videos con Camtasia Studio Diseña y publica vídeos con Camtasia
 El entorno de trabajo de Camtasia. Studio en forma organizada.
 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
08 Taller de Reforzamiento (2 horas) Desarrolla casos y/o proyectos tipo para
 Desarrollo de casos y/o proyectos reforzar los temas de la I unidad.
 Avance de Proyecto en equipo (2 participantes)
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 Administra un sitio web I de forma
 Plantillas web con Etiquetas Div organizada, eficiente y creativa.
 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
10 Administración de Sitios Web II con Dreamweaver Publica un sitio web eficientemente.
 Insertar componentes externos al Dreamweaver (contadores,
mapas, videos)
 Publicación y administración remota del sitio web
11 Catálogos Digitales - SESION VIRTUAL Implementa y administra un catálogo
 Publisher digital del tipo empresarial en forma
 Calaméo: Servidor de catálogos digitales. organizada, eficiente y creativa.
12 Diseño e Implementación de un Blog Gestiona eficientemente la información
 Registro y acceso en la nube para crear, publicar y
 Blog utilizando el servidor Blogger compartir información
o Entradas
o Insertar videos
o Insertar gadgets
o Insertar código
 Publicación y administración remota del sitio web
13 Introducción a las Herramientas de Google Apps Reconoce y utiliza el entorno de trabajo
 Acceder a Google Apps para educación y Google Drive. colaborativo de Google, gestiona datos
 Google Drive. con Google Sheets y recolecta datos
 Google Docs. utilizando instrumentos como encuestas
 Instalar complementos para optimizar el uso de Google Docs. y cuestionarios creados en Google
Gestión y Recolección de Datos con Google Forms.
 Google Sheets.
 Google Forms.

COMPUTACIÓN III 3
  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.

COMPUTACIÓN III 4
 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

COMPUTACIÓN III 5
 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.

Fecha límite de presentación de

Sesión Actividades a desarrollar
actividad
 Crearán su sitio web personal en WIX. Un día antes de la sesión 02.
01  Conformarán grupos de trabajo para diseñar su
boceto (para Dreamweaver).
 Crearán y organizarán su sitio web grupal en Un día antes de la sesión 03.
02 Dreamweaver, según el diseño de su boceto
presentado.
 Crearán y exportarán sus componentes gráficos Un día antes de la sesión 04.
03 básicos en GIMP, los cuales serán insertados en WIX
y Dreamweaver (según boceto).
 Crearán y exportarán sus componentes gráficos Un día antes de la sesión 05.
04 avanzados en GIMP, los cuales serán publicados en
WIX y Dreamweaver (según boceto).
 Crearán y exportarán sus componentes gráficos Un día antes de la sesión 06.
05 interactivos en GIMP, los cuales serán publicados en
WIX y Dreamweaver (según boceto).
 Crearán y exportarán sus componentes multimedia Un día antes de la sesión 07.
06 en WOW Slider y Swish max, los cuales serán
publicados en WIX y Dreamweaver (según boceto).
 Crearán y exportarán su(s) vídeo(s) en Camtasia Un día antes de la sesión 08.
07 Studio, los cuales serán publicados en Dreamweaver
(según boceto).
08  Presentación del avance del proyecto Día de la sesión 08.
 Crearán los componentes internos en las páginas Un día antes de la sesión 10.
web, generando los vínculos internos y externos
09
necesarios entre ellas para implementar el sitio web
grupal en Dreamweaver.
 Crearán los componentes externos en las páginas Un día antes de la sesión 11.
web necesarios para implementar el sitio web grupal
10 en Dreamweaver.
 Revisarán y corregirán su proyecto, según
indicaciones del docente.
 Integrarán documentos en la nube en las páginas de Un día antes de la sesión 12.
11
su sitio web grupal de Dreamweaver.
 Revisarán y corregirán su proyecto, según Hasta un día antes de la sesión
12 indicaciones del docente 13.
 Publicarán su sitio web en un servidor gratuito. Hasta un día antes de la sesión
13 14.
 Presentación del proyecto final. Día de la sesión 14
14

COMPUTACIÓN III 6