Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI

Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas

Curso: Computación Gráfica Código: 299210

BUSCAR Y EVALUAR INFOMRACION

JULIAN ALEXANDER GARAY REY

CODIGO: 1030597245

WIRIS RAFAEL CONTRERAS

CODIGO: 1051816706

LUIS ALEJANDRO MOLANO

CODIGO: 1030574999

GABRIEL JAIME CHAVARRIA OCAMPO

CODIGO:

FERNANDO CHAVES HENAO

CODIGO: 1077967545

Bogotá

Septiembre 2018

Universidad Nacional Abierta y a Distancia.

Ingeniería de sistemas

Computación Grafica
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

ROLES A DESEMPEÑAR

A continuación, se presentan los roles seleccionados por cada uno de los integrantes
para el desarrollo de las actividades del curso.

ROL ESTUDIANTE
Compilador Gabriel Jaime Chavarría Ocampo
Revisor Julián Alexander Garay Rey
Evaluador Luis Alejandro Molano
Entregas Fernando Chaves Henao
Alertas Wiris Rafael Contreras

RESUMEN DE UNIDADES 1 Y 2

A continuación, cada estudiante hace un resumen no superior a 1000 caracteres,

donde indique las temáticas abordadas en la unidad 1 y 2 del curso.

Integrante Resumen Unidades 1 y 2

Julián En la unidad 1 se habla un pocos sobre los modos de color RGB y CMYK los cuales
Alexander se pueden diferenciar en que al mezclar sus colores primarios se obtienen dos
Garay Rey colores diferentes. En el caso RGB (Red,Green,Blue) se obtiene el color blanco el
cual es óptimo para diseño de páginas web o cualquier proyecto que solo se valla a
ver en el monitor. En el caso del CMYK(Cian, Magenta, Yellow, Black “No se
coloca la B porque se confunde con el Blue”) se obtiene el color negro óptimo para
impresiones.

Después se muestra la diferencia entre un raster y un vector, esta consiste en que el

raster está compuesta por pixeles lo cual genera una combinación de colores los
cuales dan un tono de naturalidad pero al manipularse en programas de edición se
desenfoca bastante ejemplo JPG, GIF. En cambio las imágenes creadas con
vectores siguen límites específicos que hacen que las imágenes no se desenfoquen
pero le dan un aspecto más sólido, este tipo de imágenes se una más en diseños
planos. Ejemplo CAD

Seguido a esto se nos presenta un video donde se explica brevemente la historia y

evolución de las tarjetas gráficas, las cuales son dispositivos independientes de la
board las cuales se encargan de apoyar al computador en el procesamiento de los
gráficos y asi aumentar la velocidad de trabajo. Las primeras tarjeta usaban ranuras
PCI, después de estas se crearon las ranuras AGP las cuales eras de uso única para
las tarjetas gráficas, finalmente después de cambiar las tecnologías del procesador
en las board se desarrollaron las ranuras PCI Express las cuales son las que se usan
actualmente y reciben cualquier tarjeta grafica actual.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

Wiris Rafael Unidad 1 - Fundamentos de Computación Gráfica. En esta unidad se

Contreras toman tres temáticas.
 Evolución de la computación grafica
 Fundamentos de computación grafica
 El hardware y software para computación grafica
Además de ello se explica los modelos de color donde se encuentra dos
tipos.
RGB es un modelo de color basado en la síntesis aditiva, con el que es
posible representar un color mediante la mezcla por adición de los tres colores de
luz primarios y que en la sigla en inglés significa red, Green, blue, en español
«rojo, verde y azul
CMYK El modelo CMYK (siglas de Cyan, Magenta, Yellow y Key este
último significa negro ya que se confundiría con la le B Que sería azul) es un
modelo de color sustractivo que se utiliza en la impresión en colores. Permite
representar una gama de colores más amplia, y tiene una mejor adaptación a los
medios industriales
De igual manera se ilustra los dos tipos de archivos de gráficos vector y
ráster. Las imágenes vectoriales están hechas de cientos de miles de pequeñas
líneas y curvas (o caminos) para crear una imagen. Las imágenes ráster se
componen de píxeles
También se habla de la evolución que se ha venido presentando en las
tarjetas de video empezando por la tarjeta formato PCI hasta la última HDMI junto
con ello la compatibilidad entre versiones.
Unidad 2 - Algoritmos Básicos de Dibujo en 2 Dimensiones.
En esta unidad se abordan temas como el proceso de Tutorial Java - 1 -
Instalar JDK, Como descargar e instalar Netbeans 7.1 para programar en Java,
Abrir, compilar y ejecutar proyectos en NetBeans, Trazado de figuras geométricas
básicas en Java con NetBeans

Luis Alejandro Inicialmente en la Unidad 1 se presentan los fundamentos de la computación

Molano gráfica, revisando la historia de las representaciones graficas computarizadas, se
habla de teoría del color y de los modelos de color RGB y CMYK, en donde el
modelo de color RGB permite la obtención de algún color mediante la mezcla
aditiva de los 3 colores de luz primario (Rojo, Verde, Azul), mientras que el modelo
CMYK permite la obtención de colores mediante la mezcla sustractiva de los
colores cian, amarillo y magenta. Posteriormente se muestran las diferencias entre
imágenes tipos raster las cuales son compuestas por pixeles y se usan
principalmente en el ámbito fotográfico e imágenes tipo vector las cuales son
creadas con gran detalle en programas especializados. A demás, se realiza un
repaso por la evolución las tarjetas gráficas, su utilidad, tipos y principales
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

características, también se muestra información acerca de las etapas en el proceso

de desarrollo de software a nivel de planeación, ejecución y seguimiento.

En la Unidad 2 se encuentran tutoriales acerca la instalación de Java y NetBeans,

la estructura y elementos principales del lenguaje Java, sus clases y objetos, y
graficas en 2d para Java.

Gabriel Jaime En la Unidad 1 Fundamentos de Computación Gráfica, se abordarán las temáticas

Chavarría Evolución de la computación gráfica, Fundamentos de computación gráfica y El
hardware y el software para computación gráfica. Donde veremos temas como
Modos de color RGB y CMYK para que sirve cada uno y su importancia, Vector
vs Raster sus diferencias al momento de hacer imágenes, los diferentes tipos de
tarjetas de video y su evolución y las Etapas de un Proyecto de Software cada una
con su importancia durante el curso.

Ahora bien, en la unidad 2 Algoritmos Básicos de Dibujo en 2 Dimensiones Página

se abordarán las temáticas Requerimientos de software, Algoritmos básicos y
Transformaciones. Donde veremos temas como Algoritmos Básicos de Dibujo en
2 Dimensiones, Instalación ye importancia del JDK, como instalar Netbeans el
compilador que utilizaremos para programar en Java, las Clase y Objetos en java y
su Estructura básica, los Elementos del lenguaje Java, Trail: 2D Graphics, como
Abrir, compilar y ejecutar proyectos en NetBeans, el trazado de figuras geométricas
básicas en Java con NetBeans y las Gráficas en 2D.
Fernando 1. Unidad 1: Fundamentos de la computación Gráfica:
Chaves Henao En esta unidad se abordan los temas concernientes a:
 Modos de color RGB y CMYK.
 Vectores y Raster.
 Tarjetas gráficas o de Video.
 Etapas de un proyecto de software
En estos se puede considerar como se puede llegar a manejar los colores para
un proyecto específico dirigido a software de PC o a software web según sea el
requerimiento ya que según sea el modo así es su calidad por pixel o por
operación matemática como vector y esto nace en el tipo de imagen se quiere, ya
sea que se quiera aprovechar la calidad de una imagen utilizando un vector o
utilizar una imagen raster sacrificando su calidad.
Adicionalmente se evidencia la importancia en el proceso de la implementación
de un software o recurso de video o imágenes de alta calidad considerar el tipo de
tarjeta gráfica que debemos utilizar para tener el mayor rendimiento.
También se refiere a lo importante de tener en cuenta el tipo de proyecto de
desarrollo de software para poder implementar las epatas pertinentes para poder
optimizar los tiempos y recursos que se necesiten en el todo el proceso.
Unidad 2. Algoritmos Básicos de Dibujo en 2 Dimensiones.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

En esta unidad se relacionan las herramientas funcionales que se pueden

utilizar para la programación de un software dirigida a gráficos. Herramientas
tales como Java y como crear trazos básicos de figuras geométricas.
Se indica como debe ser una correcta instalación del software Java de
programación, como gestionar proyectos, su compilación y ejecución.

IMAGEN INSTITUCIONAL

A continuación, el grupo realizara la propuesta de imagen institucional para la empresa del

problema propuesta, que consta de un logo adecuado y unos colores institucionales, es
importante tener en cuenta que los colores institucionales serán utilizados en papelería,
así como en material digital.

Logo

Colores CMYK / C: 5 - M: 30 - Y: 95 - K: 0 Amarillo

Institucionales CMYK / C: 0 - M: 65 - Y: 100 - K: 0 Naranja
sugeridos CMYK / C: 100 - M: 20 - Y: 0 - K: 50 Azul
CMYK / C: 0 - M: 0 - Y: 0 - K: 50 Gris

Los Colores y el logo son basados en el diseño del logo de la UNAD

PRODUCTOS A INCLUIR EN PORTAFOLIO

A continuación, el grupo colaborativo consolidara el listado de productos a incluir en el

portafolio de la empresa del proyecto propuesto.

# Integrante Producto a Incluir en el Portafolio

1 DECODIFICADOR TV TDT T2 INCLUYE CABLE HDMI
Julián Alexander Garay Rey
2 POWER BANK OMEGA 10000 MAH
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

3 Mouse
Wiris Rafael Contreras
4 Teclado
5 Notebook Lenovo 320-14iap
Luis Alejandro Molano
6 Tablet Lenovo Tab7
7 Monitor lcd
Gabriel Jaime Chavarría
8 Computador de escritorio
9 Lápiz óptico
Fernando Chaves Henao
10 Tableta graficadora

ASPECTOS CONOCIDOS

A continuación, el grupo consolidará 10 aspectos conocidos, necesarios para el desarrollo

del proyecto.

# Aspecto Temática del Importancia para el Integrante

Conocido Curso Proyecto que Propone
1 Modos de color RGB Fundamentos de La definición de qué tipo de Julián
y CMYK la computación color se va a utilizar es Alexander
grafica importante para definir cuál Garay Rey
usar, si es para una página web
o productos impresos.
2 Uso de Java Algoritmos Ya que el proyecto estará Julián
Básicos de realizado en netbeans es Alexander
Dibujo en 2 importante el conocimiento de Garay Rey
Dimensiones Java y su correcto uso.
3 Necesidad de Fundamentos de Promover herramientas Wiris Rafael
desarrollar una Computación didácticas y prácticas para crear Contreras
presentación de su Gráfica un buen ambiente de
portafolio. aprendizaje
4 Necesita que su Fundamentos de Incorporar RGB y Wiris Rafael
presentación sea Computación CMYK, tipos de salida para Contreras
dinámica, animada, Gráfica gráficos o imágenes, el RGB se
con figuras que utiliza para mostrar los colores
sufran
transformaciones, en Pantallas e Impresión
cambien de color, Digital. CMYK se utiliza para
posición de acuerdo a la impresión
las acciones del OFFSET o litografía
mouse o teclado
5 Modelos de color Fundamentos de De acuerdo con el proyecto se Luis Alejandro
Computación debe escoger el modelo de color Molano
Gráfica que mas se ajuste al objetivo.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

6 Imágenes raster y Fundamentos de Al ser el proyecto un portafolio Luis Alejandro

vector Computación de productos, se trabajara con Molano
Gráfica diferentes tipos de imágenes en
distintos formatos, por ello se
debe diferencia de que tipo son.
7 Es importante conocer el Gabriel Jaime
Algoritmos Chavarría
manejo de las clases y objetos
Clase y Objetos en Básicos de
ya que Java es un lenguaje de
java Dibujo en 2
programación orientado a
Dimensiones
objetos.
8 Elementos del Algoritmos Es importante Conocer los tipos Gabriel Jaime
lenguaje Java Básicos de de datos, declaración de Chavarría
Dibujo en 2 variables y las palabras claves
Dimensiones de Java, ya que mediante esto
sabremos si tendremos éxitos en
el proyecto realizado en este
lenguaje.
9 Fernando
Chaves Henao
10 Fernando
Chaves Henao
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

ASPECTOS DESCONOCIDOS

A continuación, el grupo consolidará 10 aspectos que no conocen, y que el grupo ha

determinado son necesarios para el desarrollo del proyecto.

# Aspecto Temática del Importanci Informació Inversión Integ

Descon Curso a para el n sobre la rante
ocido Proyecto solución al Tiemp Econó que
requerimie o mico Prop
nto one
1 Formatos Fundamentos Se pretende http://www.i X Julián
de video de la realizar te.educacion. Garay
estándar computación animaciones es/formacion
grafica que se /materiales/
puedan ver 107/cd/video
en la /video0102.h
mayoría de tml
los
dispositivos
disponibles
actualmente
2 Adobe Algoritmos Se puede https://www. X Julián
premier Básicos de realizar roberortega. Garay
Dibujo en 2 intros y com/9-
Dimensiones videos razones-las-
personalizad debes-
os en 3D utilizar-
adobe-
premiere-cc/
3 Comercio Fundamentos de Demostrar por 2 días Wiris
de Computación qué se está Rafae
productos Gráfica disminuyendo l
tecnológic el comercio de Contr
os productos eras
tecnológicos
4 Surtido Fundamentos de Es que 2 días Wiris
real que Computación se adquiera Rafae
posee para Gráfica destrezas en el l
ofrecer a Contr
manejo de
sus eras
clientes. métodos y
herramientas
para el
despliegue de
imágenes con
realismo en
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

Computación
Gráfica. Al
mismo tiempo
que se pueda
manejar y
crear librerías
gráficas
avanzadas.
5 Uso de Algoritmos Es un entorno Visualización X Luis
Netbeans Básicos de de desarrollo de tutoriales Aleja
Dibujo en 2 libre, para acerca del uso ndro
Dimensiones desarrollo de Netbeans Molan
principalmente o
en Java.
6 Luis
Aleja
ndro
Molan
o
7 Trazado Algoritmos Como el Peña, H. 1 dia Gabri
de figuras Básicos de proyecto debe (2016). el
geométric Dibujo en 2 ser realizado Trazado de Jaime
Chav
as básicas Dimensiones en Java, se figuras arría
en Java debe conocer geométricas
como realizar básicas en Java
las figuras con NetBeans.
básicas. [Video]
Recuperado
de:
https://youtu.b
e/t0v5zdO-qtY
8 Transicion Algoritmos Como la Oracle 1 Dia Gabri
es java Básicos de solución debe Corporat el
Dibujo en 2 ser animada es ion Jaime
Dimensiones (2017). Chav
importante arría
Trail: 2D
conocer cómo Graphics
hacer .
transiciones de Recupera
imágenes do
mostradas dehttps://
docs.orac
le.com/ja
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

vase/tuto
rial/2d/in
dex.html

9 Ferna
ndo
Chav
es
Hena
o
1 Ferna
0 ndo
Chav
es
Hena
o

PROPUESTA DE SOLUCION

A continuación, y después de hacer un reconocimiento a las temáticas del curso y en

especial la unidad 1 y 2, cada integrante realizara una idea para dar solución al proyecto
propuesto.

Integrante Propuesta
Julián Garay Mi propuesta es usar el programa Adobe premiere para la realización del portafolio
y creación de objetos 3D ya que me parece más fácil de utilizar y de renderizar.
Además la instalación es más sencilla y la compatibilidad con los sistemas
operativos actuales.
Wiris Rafael Realizar una presentación que sea dinámica, animada, con figuras que sufran
Contreras transformaciones, cambien de color, posición de acuerdo a las acciones del mouse
o teclado y que le permita presentar sus 10 productos principales.
Luis
Alejandro
Molano
Gabriel Realizar una aplicación de forma interactiva y dinámica, la cual tenga una interfaz
Jaime en forma de libro con opciones de siguiente, atrás e inicio. Se debe dar la impresión
Chavarría como si fuera una revista la que se pasa la hoja y con imágenes que tengan
animación.
Fernando
Chaves
Henao
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

BIBLIOGRAFIA

Red de Tutores Computación Gráfica. (2014). Fundamentos de computación gráfica. Colombia:

UNAD. Recuperado dehttp://hdl.handle.net/10596/11503
adobeTIPS (2011). Modos de color RGB y CMYK. [Video] Recuperado de:
https://youtu.be/Sefn93e_RL8
artexlabel (2009). Vector vs Raster. [Video] Recuperado de: https://youtu.be/YurPdfuDj6M
TecnoMasPeru (2009). TIPS TECNOLOGICOS - TARJETAS DE VIDEO. [Video] Recuperado
de: https://youtu.be/idJaaNzhGIc
Red de Tutores Computación Gráfica. (2018). Etapas de un Proyecto de Software. [Video]
Recuperado de: https://youtu.be/6PM-Xht9Xdk
Peña, H. (2017). Evolución de la Computación Gráfica. [OVI] Recuperado de
http://hdl.handle.net/10596/11520

Red de Tutores Computación Gráfica. (2014). Algoritmos Básicos de Dibujo en 2 Dimensiones.

Colombia: UNAD. Recuperado dehttp://hdl.handle.net/10596/11504

CasaMadrugada (2012). Tutorial Java - 1 - Instalar JDK. [Video] Recuperado de:

https://youtu.be/obYeHzk2oco

latincoder (2012). Como descargar e instalar Netbeans 7.1 para programar en Java(y haz tu
primer programa). [Video] Recuperado de: https://youtu.be/natfw701jdk

Abellán, M. (2012). Clase y Objetos en java - Estructura básica. Dis.um.es. Recuperado

dehttp://dis.um.es/~lopezquesada/documentos/IES_1213/IAW/curso/UT3/ActividadesAlumnos/1
/index.html

López, J. (2012). Elementos del lenguaje Java. Universidad de Murcia. Recuperado el 11 de

Junio de 2016,
dehttp://dis.um.es/~lopezquesada/documentos/IES_1213/IAW/curso/UT3/ActividadesAlumnos/3
/index.html

Oracle Corporation (2017). Trail: 2D Graphics. Recuperado

dehttps://docs.oracle.com/javase/tutorial/2d/index.html
Peña, H. (2016). Abrir, compilar y ejecutar proyectos en NetBeans. [Video] Recuperado de:
https://youtu.be/FBO-lToQZK4
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

Peña, H. (2016). Trazado de figuras geométricas básicas en Java con NetBeans. [Video]
Recuperado de: https://youtu.be/t0v5zdO-qtY

Peña, H. (2017). Gráficas en 2D. [OVI] Recuperado dehttp://hdl.handle.net/10596/11528