Tecnológico Nacional de México

Instituto Tecnológico de Culiacán

Carrera: Ingeniería en Sistemas Computacionales

Profesor (a): M.C. Mario Alberto Bastidas Ortiz

Materia: Graficación

Proyecto No. 1: Unidad # 1. Introducción a las gráficas por computadora

Alumno (a): Gastelum Sánchez Jocelynn

Hora de clase: 14:00 horas - 15:00 horas

Fecha: 20 de marzo del 2021

pág. 1
Índice. Pág.

Capítulo 1. Introducción a las gráficas.

1.1 Aplicaciones de gráficas por computadora ………………………………... 3

1.1.1 Gráficos y diagramas ………………………………………………. 3

1.1.2 Educación y formación ……………………………………………... 5

1.1.3 Diseño asistido por computadora (CAD: Computer Aided

Design)……………………………………………………………………… 5

1.1.4 Arte por computadora ………………………………………………. 7

1.1.5 Entretenimiento ……………………………………………………... 8

1.1.6 Interfaz gráfica de usuario …………………………………………. 9

1.1.7 Visualización de datos ……………………………………….......... 9

1.1.8 Realidad virtual …………………………………………………….. 10

1.2 Imágenes digitales ………………………………………………………….. 11

Capitulo 2. Sistemas de gráficas.

2.1 Métodos de representación de imágenes …………………………………12

2.2 Dispositivos de despliegue …………………………………………………. 13

2.3 Dispositivos de copia dura …………………………………………………. 16

2.4 Dispositivos de entrada ………………………………………………….… 17

2.5 Modos de video …………………………………………………………..…. 19

2.6 Controlador de video ……………………………………………………….. 19

2.7 Procesador de pantalla ………………………………………………….…. 20

pág. 2
2.8 Software de gráficas ……………………………………………...………… 21

Capitulo 3. Formatos de archivos gráficos.

3.1 Configuraciones de archivos de imagen ………………………………….. 25

3.2 Métodos de reducción de color ……………………………………………. 26

3.3 Técnicas de compresión de archivos gráficos …………………………… 27

3.4 Formatos de archivos …………………………………………..………….. 30

Bibliografía ………………………………………………………………...…….. 33

Bibliografía de imágenes …………………………………………………….… 34

pág. 3
Capítulo 1. Introducción a las gráficas.
1.1 Aplicaciones de gráficas por computadora.

Desde mucho tiempo atrás se vieron las primeras apariciones de las gráficas
por computadora, algunas de esas aplicaciones son las siguientes:

1.1.1 Gráficos y diagramas.

Las primeras aplicaciones de estos gráficos y diagramas fueron para
visualizar los datos que se imprimían con impresoras de caracteres y hoy en
día estos se utilizan para representar datos de informes matemáticos,
estadísticos, financieros, entre otros. Así mismo se pueden utilizar para
representar las relaciones entre parámetros de una, dos o más dimensiones
y estos pueden ser diagramas de barras, de líneas, gráficos de superficie
entre otros.

Ej. Gráficos por computadora de diversas áreas.

[1]

pág. 4
Ej. Esta es una gráfica estadística que se utiliza para visualizar los datos de
diferentes áreas.

[2]

Ej. Gráficos bidimensionales de línea, diagramas de barras, entre otros.

[3]

pág. 5
1.1.2 Educación y formación.
Otra aplicación de las gráficas por computadora es en la educación, existen
muchos campos de la educación donde estos se pueden usar, por ejemplo,
en sesiones prácticas para la formación de pilotos, para capitanes de barco,
operadores de maquinaria pesada, etc. Estos estudiantes utilizan un
simulador por pantalla visual que te guía del mundo exterior, un ejemplo es el
diagrama codificado de colores en escala de grises que ayudan a comprender
la operación de un sistema a diferentes estudiantes.

Ej. Simulador de vuelo donde se ven algunos gráficos en pantalla.

[4]

1.1.3 Diseño asistido por computadora (CAD: Computer Aided Design).

El uso de los gráficos por computadora usualmente y en su mayoría se
encuentra en los procesos de diseño, estos se emplean para diseñar edificios,
aeronaves, barcos, computadoras, entre muchos productos. Y es que como
su nombre lo dice, es una representación de gráficos en una computadora.

pág. 6
Ej. Un sistema de diseño Linux asistido por computadora.

[5]

Ej. Un sistema de diseño asistido por computadora.

[6]

pág. 7
1.1.4 Arte por computadora.
Los gráficos por computadora también se aplican en el arte, estos se dan a
conocer cuando el artista crea dibujos en una tableta grafica digitalizadora
con diferentes colores, pinceles, diferentes tonos y formas, por ejemplo, Paint
entre muchos otros softwares que se utilizan para este tipo de diseños como
Lumena que es un paquete de un software comercial.
Estas técnicas son utilizadas en el modelado tridimensional, mapeo de
texturas, programas de dibujo, software CAD, etc.
Ej. Demostraciones en comic de un artista creando un dibujo con un sistema
painthrush.

[7]

pág. 8
1.1.5 Entretenimiento.
Los gráficos por computadora aparecen diariamente en los programas de
televisión, al momento de usar efectos especiales, en películas, en video
juegos, videos musicales, etc. Estos se basan en los gráficos para realizar
imágenes de fondo o para los efectos que se utilizan en las tomas . En los
video juegos también se ve muy empleado estos gráficos debido a que es
una realidad virtual del mundo real, se crean personajes en 3D y en otras
dimensiones.

Ej. Escena grafica de la serie de TV Deep Space Nine.

[8]

Ej. Uno de los primeros video juegos empleando gráficos por computadora.

[9]

pág. 9
1.1.6 Interfaz gráfica de usuario.
Estas interfaces son gestores de ventanas que ayudan al usuario a visualizar
múltiples ventanas de visualización por ejemplo cuando ponemos el cursor
del ratón sobre una pestaña y arroja otro rectángulo, Las interfaces presentan
menús e iconos para visualizar otra ventana.

[10]

1.1.7 Visualización de datos.

Esta se divide en dos, visualización científica y visualización de negocios. La
visualización científica se enfoca en los conjuntos de datos y miles de valores
que se general a través de los gráficos por computadora, y la visualización de
negocios se usa un conjunto de datos para industria o comercio, áreas no
científicas.

pág. 10
 [11]

1.1.8 Realidad virtual.

Estos entornos de realidad virtual se dan cuando llevan los gráficos por
computadora a una visión más real, es decir a un campo tridimensional donde
se puede interactuar con estos gráficos por medio de una simulación.

[12]

pág. 11
1.2 Imágenes digitales.
Se dice que una imagen digital o un gráfico digital es aquella representación
a base de una matriz numérica generalmente representada por bits (1 y 0).
Estas están formadas por un conjunto de puntos (pixeles) contenidos en una
tabla. Estos puntos tienen un valor y describen su color, también están
formadas por un tamaño, un formato de imagen, un modelo de color, etc.
Estas imágenes digitales se rigen por dos métodos de graficación por
computadora, convencionales y procesamiento de imágenes.
1. El método convencional es aquel donde la computadora se usa para
crear la imagen.
2. El procesamiento de imágenes consiste en tomar una imagen ya
creada para modificarla o digitalizarla y obtener una imagen de salida.
Se utiliza más en la astronomía, tomografía computarizada,
ultrasonidos, etc.

[13]

pág. 12
Capítulo 2. Sistemas de gráficas.
2.1 Métodos de representación de imágenes.

[14]

pág. 13
 2.2 Dispositivos de despliegue.

a. Tubos de rayos catódicos de renovación (CRT):

Algunos de los monitores de video funcionan a base de estos tubos para la

resolución de la imagen. Dentro de ellos contienen un cañón de electrones
que estos emiten una corriente guiada por un campo eléctrico hacia una
pantalla de pequeños elementos fosforecentes.

[15]

pág. 14
 b. Monitores de rastreo al azar y de rastreo con rastreador

Se clasifican en 3 diferentes:

[16]

pág. 15
 c. Monitores CRT de color.

Estos monitores utilizan una combinación de sustancias fosfóricas que emiten

el circulo RGB.

Pantallas planas.

[17]

pág. 16
2.3 Dispositivos de copia dura.

[18]

pág. 17
2.4 Dispositivos de entrada.

pág. 18
 [19]

pág. 19
2.5 Modos de video.

[20]

2.6 Controlador de video.

Este es un controlador de pantalla, es una tarjeta de video que esta

conectada a la tarjeta madre, envía información al monitor para que la
muestre en la pantalla, de esto depende la calidad de imagen. Este
determina el índice de refrescamiento, la resolución y la cantidad de
colores que pueden mostrarse.

[21]
pág. 20
2.7 Procesador de pantalla.

Su principal función es digitalizar una imagen que viene de un programa

para transformarla en pixeles y que se almacena en el frame buffer,
conversión de barrido.
Su potencia depende de la cantidad de núcleos que lo integran.

[22]

pág. 21
2.8 Software de graficas.

a) Representaciones de coordenadas.

Estos están diseñados para utilizar sistemas de coordenadas cartesianas.

Tipos de coordenadas:

[23]

b) Funciones de graficas:

Un paquete de gráficas ofrece a los usuarios varias funciones para crear y

manipular imágenes.

pág. 22
pág. 23
 [24]

pág. 24
c. Normas de software.

[25]

pág. 25
Capítulo 3. Formatos de Archivos Gráficos.

3.1 Configuraciones de archivos de imagen.

Un formato de archivo de grafico es la forma que se le dará a un gráfico y en

la que esta será almacenada. El color que se le da depende del número de
bits disponibles por pixel. Hay dos tipos de archivos, archivo grafico
digitalizado no comprimido y archivo comprimido. Estos formatos usualmente
tienen un formato de creación, por ejemplo:

[26]

pág. 26
3.2 Métodos de reducción de color.

Podemos reducir colores en un archivo digitalizado dividiendo cada uno de

los niveles de color R, G y B entre un entero y truncar el resultado.

Si se divide entre 2, se reduce cada uno de los componentes R, G y B en una

representación a color completa con 128 niveles. Así, la reducción uniforme
de color sustituye grupos de niveles de colores contiguos con un nivel de color
reducido, por ejemplo:

[27]

Otra forma de hacerlo es reducción de color por popularidad.

Esta consiste en reducir la cantidad de colores conservando únicamente los

colores que más frecuentemente aparecen en una imagen.

pág. 27
3.3 Técnicas de compresión de archivos gráficos.

Estas técnicas sirven para reducir el número de bytes en un archivo de

imagen, pero la eficacia de estos depende del tipo de imagen.

Esta técnica general para reducir el tamaño de los archivos gráficos consiste
en sustituir los valores de color con una codificación que ocupe menos bytes
que el archivo original. los métodos con pérdida de información dan lugar a
una tasa de compresión mucho mayor para un archivo.

Tasa de Compresión= (# Bytes del Archivo ) / (# Bytes del Archivo).

pág. 28
 [28]

pág. 29
Ej. Codificacion Huffman.

[29]

pág. 30
3.4 Formatos de archivos.

[30]

pág. 31
Formatos para gráficos en mapas de bits.

BMP – Bit MaP.

TIFF – Tagged Image File Format.
JPEG – Joint Photographic Experts Group.
GIF – Graphic Interchange Format.
PNG – Portable Network Graphics.

[31]

pág. 32
Formatos para gráficos por vectores.

DXF – Data Exchange Format.

IGES – Initial Graphics Exchange Specification.
EPS – Encapsulated PostScript.

[32]

pág. 33
Bibliografía.

[1] Libro: Graficas por computadora. Hearn & Baker. 3er. edición. Editorial:
Prentice Hall

Link:
https://ingenieriayeducacion.files.wordpress.com/2013/12/graficosporc
omputadorayopengl.pdf

[2] PDF: Apuntes.

[3]
https://www.uaeh.edu.mx/docencia/P_Presentaciones/icbi/asignatura/aplica
ciones_graf_comp_carmen_vera_marzo2014.pdf
[4]
http://estudiantes.iems.edu.mx/cired/html/articulos/politicainformactica/grafic
acion.html
[5]
https://sites.google.com/a/nubeuniversitaria.com/hanconina/unsaac/computa
cion-grafica-i/teoria-de-computacion-grafica-
i/introduccionalosgraficosporcomputadora
[6] https://www.ecured.cu/Imagen_digital
[7] https://www.ecured.cu/Tubo_de_rayos_cat%C3%B3dicos

pág. 34
Bibliografía de imágenes.

Cada numero de imagen tiene su link de origen mostrado a

continuación:

[1] Libro: Graficas por computadora. Hearn & Baker. 3er. edición. Editorial:
Prentice Hall

Link:
https://ingenieriayeducacion.files.wordpress.com/2013/12/graficosporc
omputadorayopengl.pdf

[2] https://www.redalyc.org/pdf/467/46754522005.pdf
[3] Libro: Graficas por computadora. Hearn & Baker. 3er. edición. Editorial:
Prentice Hall

Link:
https://ingenieriayeducacion.files.wordpress.com/2013/12/graficosporc
omputadorayopengl.pdf

[4] https://www.miguelteve.com/los-simuladores-de-vuelo-de-los-pilotos-de-
avion/
[5] http://www.linuxcad.com/index_spanish.html
[6] https://sites.google.com/site/programacionenpython/resumen/1-4--cad
[7] Libro: Graficas por computadora. Hearn & Baker. 3er. edición. Editorial:
Prentice Hall

Link:
https://ingenieriayeducacion.files.wordpress.com/2013/12/graficosporc
omputadorayopengl.pdf

pág. 35
[8] Libro: Graficas por computadora. Hearn & Baker. 3er. edición. Editorial:
Prentice Hall

Link:
https://ingenieriayeducacion.files.wordpress.com/2013/12/graficosporc
omputadorayopengl.pdf

[9] https://www.fib.upc.edu/retro-informatica/historia/videojocs.html
[10 ]
https://www.tutorialspoint.com/sp/software_engineering/software_user_interf
ace_design.htm
[11]
https://www.uaeh.edu.mx/docencia/P_Presentaciones/icbi/asignatura/aplica
ciones_graf_comp_carmen_vera_marzo2014.pdf
[12] https://www.ui1.es/blog-ui1/mundos-virtuales-3d-aplicados-ensenanza-
superior-universidad-isabel-i
[13] [***]
[14] [***]
[15] https://culturacientifica.com/2019/05/28/las-particulas-de-los-rayos-
catodicos/
[16] [***]
[17] [***]
[18] [***]
[19] [***]
[20] [***]
[21] http://www.aulapc.es/basico_conceptos_pantalla.html
[22] [***]
[23] [***]
[24] [***]
[25] [***]

pág. 36
[26] [***]
[27] Libro: Graficas por computadora. Hearn & Baker. 3er. edición. Editorial:
Prentice Hall

Link:
https://ingenieriayeducacion.files.wordpress.com/2013/12/graficosporc
omputadorayopengl.pdf

[28] [***]
[29] https://www.monografias.com/trabajos107/codificacion-informacion-
multimedia/codificacion-informacion-multimedia.shtml
[30] [***]
[31] https://www.elvisualista.com/2018/07/10/formatos-de-archivo-par a-
mapas-de-bits/
[32] https://www.creativosonline.org/uso-graficos-vectoriales.html

pág. 37