1.

- DATOS DE LA ASIGNATURA
Nombre de la asignatura:

Graficacin

Carrera:

Ingeniera en Sistemas
Computacionales.
SCC-1010

Clave de la asignatura:
(Crditos) SATCA

2-2- 4

2.- PRESENTACIN
Caracterizacin de la asignatura.
En la actualidad el ambiente que prevalece en los sistemas de cmputo es el visual,
teniendo cada vez ms interfaces vistosas y atrayentes, tomando como base esta
perspectiva, un estudiante de ingeniera en sistemas computacionales debe conocer
lo elementos fundamentales que sirven de base para la creacin de este tipo de
entornos, as como, las diversas herramientas disponibles en el mercado.
Esta asignatura aporta al perfil del Ingeniero en Sistemas Computaciones la
capacidad para disear modelos grficos que coadyuven su implementacin en
diversas reas, tales como: Desarrollo de aplicaciones web y el diseo de agentes
inteligentes que requieran el trazado de objetos bidimensionales y tridimensionales,
as como, su adecuada manipulacin y visualizacin. La generacin y
representacin de imgenes infogrficas, implica la reduccin de un mundo
tridimensional a una pantalla bidimensional. Estos procesos de conversin 3D a 2D
deben ser correctamente modelados, as mismo, la asignatura pretende que el
estudiante adquiera una formacin consistente en la generacin de grficos de cara
a su aplicacin posterior en el mundo de la animacin y la realidad virtual.
Intencin didctica.
El presente programa cubre todos los puntos fundamentales de cualquier aplicacin
grfica, desde la base matemtica necesaria, hasta el conocimiento de libreras
grficas utilizadas a nivel mundial. Al trmino del curso, el estudiante ser capaz de
desarrollar cualquier proyecto de dimensiones medias que requieran el uso
extensivo de grficos, en especial tridimensionales.
El temario se organiza en cinco unidades, el contenido conceptual de la asignatura
es abordado en la primera unidad abarcando conceptos generales. La segunda y
tercera unidad se destinan a la aplicacin y desarrollo del modelado grfico,
incluyendo trazos de lneas, polgonos y superficies diversas, as como
transformaciones y modelados geomtricos en dos y tres dimensiones. En la cuarta
1

Sistema de asignacin y transferencia de crditos acadmicos

unidad se aplican modelos bsicos de iluminacin y tcnicas de sombreado a las

diferentes imgenes desarrolladas en las unidades dos y tres, con la finalidad de
mejorar el diseo de dichas grficas. La unidad cinco se recomienda sea tratada
como base para motivar a los estudiantes al desarrollo de investigaciones que
requieran animacin por computadora, la cual lleva implcito todos los temas
estudiados previamente.
Una de las finalidades de este curso consiste en abordar reiteradamente los
conceptos fundamentales de graficacin, hasta conseguir su comprensin, para
aplicarlos en un lenguaje de programacin, el cual permitir representar
especficamente las transformaciones y modelados geomtricos.
El enfoque sugerido para la materia requiere que las actividades prcticas
promuevan el desarrollo de habilidades para la experimentacin, tales como:
identificacin, manejo y control de un lenguaje de programacin, software de
aplicacin para el diseo de imgenes y sus propiedades. En las actividades
prcticas sugeridas, es conveniente que el profesor busque slo guiar a sus
estudiantes, para que hagan la eleccin del lenguaje y software a utilizar. De esta
manera, lograrn entender y aplicar el proceso de planificacin.
En el transcurso de las actividades programadas, es muy importante que el
estudiante aprenda a valorar las actividades que lleva a cabo y entienda que est
construyendo su hacer futuro y en consecuencia acte de una manera profesional;
de igual manera, aprecie la importancia del conocimiento y los hbitos de trabajo;
desarrolle la precisin y la curiosidad, la puntualidad, el entusiasmo y el inters, la
tenacidad, la flexibilidad y la autonoma.

3.- COMPETENCIAS A DESARROLLAR

Competencias especficas:

Competencias genricas:

Conocer tcnicas para el trazado, Competencias instrumentales

manipulacin y
visualizacin
de elementos en 2D y 3D, las
Capacidad de anlisis y sntesis
cuales, servirn
de
base
para
Capacidad de organizar y planificar
desarrollar software
basado
en
Conocimientos bsicos de la carrera
grficos,
como interfaz
hombreComunicacin oral y escrita
mquina y software grfico para el
Habilidades bsicas de manejo de la
diseo
de
diversas aplicaciones,
computadora
enfocadas al arte, diseo, capacitacin
Habilidad
para
buscar
y
y entretenimiento.
analizar informacin proveniente de
fuentes diversas
Solucin de problemas

Toma de decisiones.
Competencias interpersonales
Capacidad crtica y autocrtica
Trabajo en equipo
Habilidades interpersonales
Competencias sistmicas
Capacidad
de
aplicar
los
conocimientos en la prctica
Habilidades de investigacin
Capacidad de aprender
Capacidad de generar nuevas ideas
(creatividad)
Habilidad para trabajar en forma
autnoma
Bsqueda del logro

4.- HISTORIA DEL PROGRAMA

Lugar y fecha de
elaboracin o revisin
Instituto
Tecnolgico
Saltillo del 5 al 9 de
octubre de 2009.

Instituto Tecnolgico de
Celaya de 12 de octubre
de 2009 al 19 de febrero
de 2010.

Observaciones
(cambios y justificacin)
Representantes de los Reunin nacional de Diseo
Institutos Tecnolgicos e innovacin curricular de la
de: Celaya, San Luis carrera de Ingeniera en
Potos,
Tapachula,
Pinotepa, Superior de
Libres.
Participantes

Representante de la
Academia de Ingeniera
en
Sistemas
Computacionales de los
Institutos Tecnolgicos
de : Celaya, San Luis
Potos,
Tapachula,
Pinotepa, Superior de
Libres,
La
Laguna,
Superior de Macuspana,
Nuevo
Laredo,
Cd.
Lerdo.

Anlisis, enriquecimiento y
elaboracin del programa de
estudio propuesto en la
Reunin Nacional de Diseo
Curricular de la carrera de

Instituto
Tecnolgico Representantes de los Reunin
nacional
de
Superior de Poza Rica Institutos Tecnolgicos consolidacin de la curricula

del 22 al 26 de febrero de: Celaya, San Luis de la carrera de Ingeniera en

Potos,
Tapachula, Sistemas Computacionales
de 2010.
Pinotepa, Superior de
Libres,
La
Laguna,
Superior de Macuspana,
Nuevo
Laredo,
Cd.
Lerdo.

5.- OBJETIVO GENERAL DEL CURSO

Conocer tcnicas para el trazado, manipulacin y visualizacin de elementos en 2D
y 3D, las cuales, servirn de base para desarrollar software basado en grficos,
como interfaz hombre-mquina y software grfico para el diseo de diversas
aplicaciones, enfocadas al arte, diseo, capacitacin y entretenimiento.
6.- COMPETENCIAS PREVIAS

Programar en lenguaje de alto nivel

Diseo y programacin orientada a objetos
Implementacin y operaciones con estructuras de datos
Resolucin de operaciones matriciales.
Conocer las diversas representaciones grficas de figuras geomtricas en 2D.
Conocer la representacin de objetos en 3D, as como, su representacin
matricial.

7.- TEMARIO
Unidad
1

Temas
Introduccin a los
ambientes de
graficacin.

Graficacin 2D.

Subtemas
1.1 Aplicaciones grficas por computadora.
1.2 Dispositivos de hardware y software para el
despliegue grfico.
1.3 Formatos grficos de almacenamiento.
1.4 Aspectos matemticos de la graficacin
(Geometra Fractal)
2.1 Trazo de lneas rectas.
2.2 Representacin y trazo de polgonos.
2.3 Transformacin bidimensional.
2.3.1 Traslacin.
2.3.2 Escalamiento.
2.3.3 Rotacin .
2.4 Representacin matricial.
2.5 Ventana y puerto de visin.

4
5

Graficacin 3D

3.1Representacin de objetos en
dimensiones.
3.2 Visualizacin de objetos.
3.3 Transformaciones tridimensionales.
3.4 Lneas y superficies curvas.
Iluminacin y
4.1 Relleno de polgonos.
Sombreado
4.2 Modelos bsicos de iluminacin.
4.3 Tcnicas de sombreado.
reas relacionadas a la 5.1. Procesamiento de imgenes.
graficacin
5.2. Visin por computadora.
5.3. Animacin por computadora.

tres

8.- SUGERENCIAS DIDCTICAS

El profesor debe:
Ser conocedor de la disciplina que est bajo su responsabilidad. Desarrollar la
capacidad para coordinar y trabajar en equipo; orientar el trabajo del estudiante y
potenciar en l la autonoma, el trabajo cooperativo y la toma de decisiones. Mostrar
flexibilidad en el seguimiento del proceso formativo y propiciar la interaccin entre los
estudiantes. Tomar en cuenta el conocimiento de los estudiantes como punto de
partida y como reto, para la construccin de nuevos conocimientos.
Sugerencias didcticas para el desarrollo de competencias genricas
Dirigir actividades que promuevan hbitos de estudio.
Propiciar actividades de bsqueda, seleccin, anlisis y sntesis de
informacin en distintas fuentes.
Fomentar actividades grupales que propicien la comunicacin, el intercambio
argumentado de ideas, la reflexin, el respeto a las opinin de los dems, la
integracin y la colaboracin de y entre los estudiantes.
Propiciar la capacidad crtica de los estudiantes a travs de la organizacin,
planificacin para la solucin de problemas.
Propiciar el uso de las nuevas aplicaciones tecnolgicas, en el desarrollo de
los contenidos de la asignatura.
Propiciar en el estudiante el desarrollo de actividades intelectuales
encaminadas hacia la investigacin, la aplicacin de conocimientos y la
solucin de problemas.
Crear equipos de trabajo para la homogeneidad del conocimiento.
Desarrollar actividades de aprendizaje que propicien la aplicacin de los
conceptos, modelos y metodologas que se van aprendiendo en el desarrollo
de la asignatura.
Propiciar el uso adecuado de conceptos y de terminologa cientfico
tecnolgica.
Proponer problemas que permitan al estudiante integrar y relacionar los
contenidos de esta asignatura con otras, para su anlisis y solucin.

Proponer actividades que favorezcan el desarrollo sustentable aplicando los

contenidos de la asignatura.
Utilizar un portal de Internet para apoyo didctico de la materia, el cual por lo
menos con: un foro, seccin de preguntas frecuentes, material de apoyo y
correo electrnico.
Llevar a cabo actividades prcticas que promuevan el desarrollo de
habilidades para la experimentacin, tales como: observacin, identificacin
manejo y control de variables y datos relevantes, planteamiento de hiptesis,
de trabajo en equipo.
Utilizar el aprendizaje basado en problemas, trabajando en grupos pequeos,
para sintetizar y construir conocimientos necesarios para proponer soluciones.
Elaborar en coordinacin con los estudiantes una gua de ejercicios para
actividades extra clase.
Relacionar los contenidos de la asignatura con el cuidado del medio ambiente;
as como con las prcticas de una ingeniera con enfoque sustentable.
Exposicin de temas con apoyo de material didctico (caon, pizarrn).
Propiciar actividades de metacognicin. Ante la ejecucin de una actividad,
sealar o identificar el tipo de proceso intelectual que se realiz, Al principio lo
har el profesor, luego ser el alumno quien lo identifique.
Fomentar actividades grupales que propicien la comunicacin, el intercambio
argumentado de ideas, la reflexin, la integracin y la colaboracin de y entre
los estudiantes. Ejemplo: al socializar los resultados de las investigaciones
que han ayudado a los quehaceres humanos relacionados a la graficacin.
9.- SUGERENCIAS DE EVALUACIN
Dividir la evaluacin de las unidades en dos partes 30 % de examen terico y 70%
de prcticas dirigidas. En cada unidad la evaluacin debe ser continua y formativa
por lo que se debe considerar el desempeo del estudiante en cada una de las
actividades de aprendizaje, haciendo especial nfasis en:
Reportes escritos de las observaciones hechas durante las actividades, as
como las conclusiones obtenidas. (Evidencia: El reporte electrnico o impreso)
Informacin obtenida durante las investigaciones. (Evidencia: Tareas
entregadas en documento electrnico o impreso).
Participacin en el aula y prcticas de laboratorio. (Evidencia: Registro de
participaciones en el aula y prcticas realizadas en el laboratorio).
Participacin en dinmicas grupales (mesas redondas, presentaciones,
debate, entre otras). (Evidencias: Listas de verificacin de las presentaciones
realizadas y documento electrnico de las presentaciones.)
Adquisicin del conocimiento a travs de exmenes escritos para comprobar
el manejo de aspectos tericos. (Evidencia: Exmenes revisados.)
Desarrollo de un proyecto final que integre todas las unidades de aprendizaje,
podra ser una GUI. (Evidencia: Archivo electrnico que incluya toda la
documentacin y cdigo del proyecto)

10.- UNIDADES DE APRENDIZAJE

Unidad 1: introduccin a los ambientes de graficacin.
Competencia
especfica
a
Actividades de Aprendizaje
desarrollar
Explicar la importancia del diseo Crear un mapa mental de los conceptos y
de aplicaciones grficas.
formulas utilizadas.
Conocer
los
requerimientos Investigar los antecedentes de la graficacin
necesarios de software y hardware por computadora.
para el desarrollo de proyectos
grficos.
Elaborar una sntesis sobre los antecedentes
de la graficacin por computadora.
Relacionar
y
aplicar
los
conocimientos matemticos previos Discutir en grupo la aplicacin de graficas por
necesarios para el diseo de computadoras y su desarrollo en la actualidad.
grficos.
Buscar, analizar y discutir sobre los diferentes
Identificar y analizar diversas software, as como los diferentes dispositivos
herramientas pertinentes para la para el desarrollo y aplicacin de la
creacin
de
una graficacin.
simulacin sectorizada o animada.
Consultar y explicar ecuaciones matemticas
que representen las primitivas de graficacin
(puntos, lneas, crculos, elipses, parbolas,
hiprbolas, curvas, etc.)
Analizar y desarrollar sobre los diferentes
aspectos de la geometra de fractal.

Unidad 2: Graficacin 2D.

Competencia
especfica
a
Actividades de Aprendizaje
desarrollar
Aplicar mtodos de investigacin Crear un mapa mental de los conceptos y
para
desarrollar
e
innovar actividades de la presente unidad.
soluciones a problemas de 2D.
Buscar y analizar informacin que le permita
Crear soluciones a situaciones conocer las herramientas para el diseo de
graficacin en 2D.
reales planteadas.
Seguir instrucciones para generar Realizar prcticas creadas especficamente por

grficas en 2D aplicando
herramientas necesarias.

las el maestro para la implementacin del mejor

algoritmo de transformacin de acuerdo a la
accin a ser realizada.
Haciendo uso de la POO disear e implementar
clases que contengan todos los mtodos
necesarios que resuelvan las transformaciones
en 2D.
Crear nuevos objetos basados en las primitivas,
que permitan la creacin de transformaciones
complejas.
Manejo de herramientas para la creacin de
lneas rectas y a travs de ellas crear nuevas
imgenes.
Aplicar transformaciones geomtricas a objetos
Aplicar libreras para generar grficos en 2D.
Representacin de formas matriciales de las
grficas en 2D.

Unidad 3: Graficacin 3D
Competencia
especfica
a
Actividades de Aprendizaje
desarrollar
Aplicar mtodos de investigacin Crear un mapa mental de los conceptos y
para
desarrollar
e
innovar actividades de la presente unidad.
soluciones a problemas de 3D.
Buscar y analizar informacin que le permita
Crear soluciones a situaciones conocer las herramientas para el diseo de
reales planteadas.
graficacin en 3D.
Realizar prcticas diseadas especficamente
Seguir instrucciones para generar por el maestro para la implementacin del
grficas en 3D aplicando las mejor algoritmo de transformacin de acuerdo
herramientas necesarias.
a la accin a ser realizada.
Haciendo uso de la POO disear e
implementar clases que contengan todos los
mtodos necesarios que resuelvan
las transformaciones en 3D.

Crear y modificar objetos basados en los

objetos primitivos que permitan la creacin de
elementos geomtricos en 3D, cuidando
aspectos de iluminacin y sombras.
Creacin, manejo de herramientas para la
creacin de lneas rectas y superficies curvas
y a travs de ellas crear nuevas imgenes.
Representar
objetos
tridimensionales
elementales en perspectiva en la pantalla.
Aplicar libreras para generar grficos en 3D.
Desarrollar aplicaciones 3D, para representar
las transformaciones aplicadas a diversos
polgonos y curvas, as como las proyecciones
requeridas.
Representacin de formas matriciales de las
grficas en 3D.
Unidad 4: Iluminacin y sombreado
Competencia
especfica
a
Actividades de Aprendizaje
desarrollar
Integrar equipos de trabajo para la Aplicar fondo a las grficas propuestas en
creacin
de
soluciones
a clases por el maestro y las que el propio
situaciones planteados por
alumno disee de forma individual.
el profesor
Aplicar iluminacin a las grficas propuestas
Aplicar
las
instrucciones
y en clases por el maestro y las que el propio
herramientas
necesarias
para alumno disee de forma individual.
iluminacin y sombreado a las
graficas desarrolladas
Aplicar sombra a las grficas propuestas en
clases por el maestro y las que el propio
Eliminar lneas y superficies alumno disee de forma individual.
ocultas.
Presentar un trabajo final de la aplicacin de la
Entender la iluminacin en una graficacin utilizando un lenguaje de
escena.
programacin propuesta por el maestro en
comn acuerdo con los alumnos.
Renderizar objetos elementales

con
distintos
iluminacin.

modelos

de

*Renderizar:
Interpretar
una
escena 3D y plasmarla en 2D.

11.- FUENTES DE INFORMACIN

1.

HEARN, Donald & M. Pauline Baker, Grficas por computadora

edicin, Ed. Prentice Hall Hispanoamericana. Mxico 1995.

2.

FOLEY, James & Andries Van Dam, Introduccin a la graficacin por

computador, Ed. Addison Wesley Iberoamericana, 1996.

3.

GONZLEZ, Rafael C. & Richard E. Woods, Tratamiento digital de

imgenes (2. Edicin), Addison- Wesley Longman, Mxico, 1996.

4.

DEMEL, John T. & Michael J. Miller , Grficas por computadora., Ed.

McGraw Hill.

5.

ROGERS, David .F., Procedural Elements of Computer Graphics, 2

Edition, Ed. McGraw Hill.

6.

MORTENSON, Michael E., Mathematics for Computer Graphics

Applications: An Introduction to the Mathematics and Geometry of
Cad/Cam, Geometric Modeling, Scientific Visualization, and Other Cg
nd
Applications, 2 edition, Ed. Industrial Press Inc.

7.

LINDLEY, Craig A., Practical Image Processing in C., Ed. John Wiley and
Sons Inc.

8.

PREPARATA, Franco P., Computational Geometry, Ed. Springer-Verlag

9.

HILL Jr., F. S., Computer Graphics Using Open Gl., Ed. Prentice-Hall.

10. PARENT, Richard Parent. Computer

Techniques, Ed. Morgan Kauffman.

Animation:

Algorithms

11. WATT, Alan H. 3D Computer Graphics Ed. Addison Wesley, 3

Wokingham, England, 2000, ISBN 0201398559.
12.

rd

nd

and

Edicin,

WATT, Alan H. & Watt, Mark, Advance animation and rendering

st
techniques: theory and practice, 1
Edition Ed. Addison-Wesley
Professional,1992, ISBN 0201544121.

13.

FOLEY, James D.; Dam Van, Andries; Feiner, Steven K.; Hughes & John
F., Computer graphics: Principles and Practice in C, Ed. Addison-Wesley,
nd
2 . Edition, Prtland,1995, ISBN 020184840.

14. ANDRIES, Van Dam, James D. Foley, John F. Hughes & Steven K. Feiner,
nd
Computer graphics, 2 . edition, Addison-Wesley Publishing Company.
15. CORDERO Valle Juan Manuel & Corts Parejo Jos ,Curvas y superficies
para modelado geomtrico, Ed. RA-MA ,2002, ISBN 8478975314
16. NEWMAN, William N., Sproull & Robert F., Principles of interactive
computer graphics, Ed. McGraw Hill, 1979, ISBN 0070463387
12.- PRCTICAS PROPUESTAS
1. Primitivas de Graficacin
Elaborar un programa que ilustre el uso de las principales primitivas de
graficacin provistos por un Lenguaje de Programacin. (Para dibujar pxeles,
lneas, rectngulos, valos, etc).
2. Grficos en mapa de bits.
Elaborar un programa que lea y despliegue un grfico bitmap almacenado en
un archivo binario con un formato predefinido.
3. Grficos vectoriales.
Elaborar un programa que permita generar un archivo PDF utilizando una API
de programacin como iText de Bruno Lowagi para Java o la fpdf de PHP. El
archivo debe contener lneas, crculos, rectngulos, imgenes y texto.
4. Transformacin ventana-rea de vista 1.
Elabore un programa que dibuje las 6 funciones trigonomtricas en distintas
reas de vista distribuidas en la pantalla de la computadora.
5. Transformacin ventana-rea de vista 2.
Definir un objeto 2D en un archivo de texto que contenga la informacin de
nmero de vrtices, nmero de aristas, vrtices y aristas. Y elabore un
programa que lea el archivo y despliegue el objeto dada una ventana y un
rea de vista.
6. Aplicacin de transformaciones geomtricas en 2D.
Elabore un programa que aplique transformaciones geomtricas al objeto
definido en la prctica 5. Sugerencia:
Rote el objeto en torno al origen con incrementos de 10 grados, hasta
completar una revolucin completa.
Escale el objeto al doble o triple de su tamao original y redzcalo a la
mitad y a la tercera parte del tamao original.

Rote el objeto en incrementos de 10 grados pero ahora en torno a un punto

arbitrario.
Traslade el objeto de una posicin a otra
Refleje el objeto respecto a los ejes cartesianos X y Y.
7. Aplicacin de transformaciones geomtricas de 3D
Definir un objeto 3D en un archivo de texto que contenga la informacin de
nmero de vrtices, nmero de aristas, vrtices y aristas. Elabore un
programa que utilice el API para representacin en 3D propuesto en clase y
aplique transformaciones geomtricas en 3D al objeto definido. Sugerencias:
Rote el objeto en incrementos de 10 grados en torno a cada uno de los
ejes cartesianos X, Y y Z.
Escale el objeto al doble o triple de su tamao original y redzcalo a la
mitad o la tercera parte del tamao original.
Traslade el objeto de una posicin a otra
Refleje el objeto respecto a los planos cartesianos XY, YZ y XZ.
8. Generacin de un objeto 3D con curvas de Bezier.
Defina una curva de Bezier en el plano XY que defina el perfil de un objeto 3D.
Elabore un programa que dibuje el perfil definido en incrementos de 10 grados
en torno al eje Y. Pruebe tambin la rotacin en torno a los ejes X y Z.
9. Superficies en 3D con funciones de 2 variables.
Elabore un programa que dibuje en forma de malla una funcin de dos
variables de la forma y=f(x,z).
10. Eliminacin de caras ocultas.
Defina en un archivo de texto la informacin tridimensional de un objeto en 3D
cncavo, como por ejemplo un cubo, un octaedro, un prisma o una pirmide.
Elabore un programa que permita rotar el objeto en torno al eje Y
desplegndolo sin mostrar las caras ocultas, aplicando el algoritmo de
deteccin de caras ocultas basado en el vector normal.
11. Cmara sinttica
Escriba un programa que permita desplegar el objeto definido en la prctica 7,
bajo el esquema de visualizacin de la cmara sinttica, para distintos valores
de los vectores N, V y U (que definen el sistema de coordenadas de visin).
Sin perspectiva y con perspectiva. Usar la API propuesta en clase.