Rediseno-y-desarrollo-de-la-pagina-web-del-Departamento-de-Titulacion-de-la-Escuela-Nacional-de-Artes-Plasticas

Vista previa del material en texto

UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO 
ESCUELA NACIONAL DE ARTES PLÁSTICAS 
"Rediseño y desarrollo de la página Web del Departamento 
de Titulación de la Escuela Nacional de Artes Plásticas" 
Tesina 
Que para obtener el título de: 
Licenciado en Diseño y Comunicación Visual 
Presenta 
Ariadna Talamantes Moheyer 
Director de la Tesina: Ariadne García Morales 
México D.F. 2006 
 
UNAM – Dirección General de Bibliotecas 
Tesis Digitales 
Restricciones de uso 
 
DERECHOS RESERVADOS © 
PROHIBIDA SU REPRODUCCIÓN TOTAL O PARCIAL 
 
Todo el material contenido en esta tesis esta protegido por la Ley Federal 
del Derecho de Autor (LFDA) de los Estados Unidos Mexicanos (México). 
El uso de imágenes, fragmentos de videos, y demás material que sea 
objeto de protección de los derechos de autor, será exclusivamente para 
fines educativos e informativos y deberá citar la fuente donde la obtuvo 
mencionando el autor o autores. Cualquier uso distinto como el lucro, 
reproducción, edición o modificación, será perseguido y sancionado por el 
respectivo titular de los Derechos de Autor. 
 
 
 
g
"'Y""~ _' 
~~ 
"~ " ... ' . .. 
E N A P 
ESCUELA 
NACIONAL 
DE ARTES 
l'lAancAII 
ca 
c: --
C) 
ca 
c. 
Tesina que para obtener ellltulo de: 
Ucenciado en Diseño y Comunicación Visual 
Presenta 
Ariaclna TaJamantes Moheyer 
Introducción 
________________________________________________ 11 
1. Diseño Web 
________________________________________________ 13 
1.1 Medios de Comunicación 
~~~--~~~~---------------------------- 15 
1.2 Fundamentos del diseño 
__ ~~~--~~------------------------------16 
1.2.1 Composición =-____ ~~~------~~---------------------- 16 
1.3 Elementos de diseño y composición 
____ ~~----~~--~----~~~~~------------17 
1.3.1 Elementos básicos de la comunicación visual 
________ ~------------~-------------------- 17 
1 .3.2 Técnicas de comunicación visual 
~--~------------------------------------ 18 
1.4 El usuario 
__ ~~----~----~----~------------------ 21 
1.4.1 Razones de un usuario para volver 
~~----~----~-------------------------- 21 
1.4.2 Como son los usuarios 
~~~~~~~------------------------------ 22 
1.4.3 Diseño de páginas 
~~--~------------------------------------ 23 
1.5 Página web 
____ ~----------------------------------------24 
1.5.1 Internet 
______ ~------------------------------------24 
1.5.2 La web 25 
~~~~~~~--~------------------------1.5.3 Word Wide Web (www) 
~~--~~------------------------------ 26 
1.5.4 Domain Name ____________________________________________ 27 
2. ENAP / UNAM ________________ 29 
2.1 Proyecto de titulación UNAM 
~~----~~~~~~-------------------------- 31 
2.2 Proyecto de titulación ENAP 
______ ~------~--~---------------------------- 32 
2.2.1 Información a los alumnos 
~~--~~~~---------------------------- 32 
2.2.2 Recepción de documentos 
~~~~~--~----------------------------32 
2.2.3 Dirección de tesis 
~~~--~~~--~-------------------------- 32 
2.2.4 Designación de jurados 
~~~~~----~--~--~----~--------------33 
2.2.5 Vinculación con el área de servicios escolares 
____ ~~~~------~~--~~--~----~~~--33 
2.2.6 Titulación de las carreras Diseño Gráfico y Comunicación Gráfica 34 
2.2.7 Titulación de la planta docente 34 
2.3 Modalidades 
__ ~~~~~~~---------------------------- 35 
2.3.1 Tesis Individual 
~~~~--~------------------------------ 35 
2.3.2 Tesis Grupal 
~~~--~~~~----~---------------------- 36 
2.3.3 Tesis por Seminarios especificos 
~~~~~--~~---------------------------- 37 
2.3.4 Alto nivel académico ____________________________________________ 38 
Indice 
2.4 Documentación 
39 
2.4.1 Requisitos 
39 
2.4.2 Registro 
39 
2.4.3 Impresión de ejemplares 
43 
2.4.4 Caracterfsticas de las fotograffas 
45 
2.4.5 Pago de pergamino 
46 
2.4.6 Preguntas y respuestas más frecuentes 
47 
3. Propuesta 
49 
~ 
3.1 Justificación 
51 
3.2 Programas 
52 
3.2.1 Macromedia Flash 
52 
3.2.2 Macromedia Dreamweaver 
52 
3.3 Color y tipografía 
53 
3.3.1 Color 
53 
3.3.2 Tipografía 
53 
3.4 Aplicación 
54 
3.5 Subir la página 
63 
3.5.1 FTP 
63 
3.5.2 Host 
63 
3.5.3 Subirla con Dreamweaver 
64 
Conclusiones 
65 
Bibliografía 
67 
1.1 Medios de comunicación 
El impulso de la denominada tecnologla 
de la información y de la comunicación 
es~ haciendo que a sociedad de nuestros 
dlas disponga de una gran variedad de 
fuentes de información, a través de una 
gran variedad de soportes que ofrecen la 
posibilidad de consumir un número 
determinado de propuestas, ideas 
sugerencias, mensajes y decisiones que 
es~n siendo hechas y trasmitidas por los 
denominados medios de comunicación de 
masas. 
Hablamos de medios para la 
comunicación organizada y costosa, 
pública y privada, rápida y transitoria, que 
tienen tres objetivos fundamentales como 
son la información, cultura y 
entretenimiento. 
Cuando hacemos referencia al modelo 
comunicacional que impera en los medios 
de comunicación tradicionales y los 
nuevos generados a partir de la unión de 
la computadora y de la telecomunicación, 
estamos hablando de una comunicación 
que se caracteriza por que los mensajes 
son transmitidos públicamente, sin la 
presencia de un conjunto de receptores 
limitados y definidos de un modo 
personal. 
El concepto de sociedad de masas tiene 
un origen lejano en la historia del 
pensamiento. la referencia a las masas, 
como aglomeraciones de individuos sin 
nombre y si rostro, para los que se crea un 
determinado tipo de comunicación, pero 
con un sentido de informar, de dar, de 
decir y dejar que corran los 
acontecimientos de una forma 
unidireccional y sin esperar que el 
receptor decida transformarse en emisor y 
cambiar el mensaje recibido. Por ello los 
medios de comunicación, son 
propiamente medios de información. 
1.2.1 Composición 
la composición de un diseño es, adecuar 
distintos elementos gr.\ficos dentro de un 
espacio visual, que previamente se han 
seleccionado, combinándolos de tal forma 
que todos ellos sean capaces de poder 
aportar un significado para transmitir un 
mensaje claro a los receptores del 
mensaje. 
Al diseño podemos aplicarle dos 
definiciones de composición artística: 
• La disposición de elementos diversos 
para expresar decorativa mente una 
sensación . 
• Una disposición de los elementos para 
crear un todo satisladorio que presente 
un equilibrio, un peso y una colocación 
perfecta. 
Todo mensaje en diseño gr.\fico se elabora 
siempre por medio de una combinación 
coherente y estudiada previamente. Estos 
elementos pueden ser imágenes, texto, 
ilustracione~ espacios en blancos .... o por 
el contrario, construir nuestra composición 
con la ausencia deliberada de alguno de 
estos elementos. 
1.2 Fundamentos del diseño 
El diseño deberá ordenarse habitualmente 
en una estrudura rrgida, coherente y 
dentro de los parámetros de la simetria en 
la disposición de los distintos elemento~ 
El diseñador debe tener siempre presente, 
que cada elemento de la composición, en 
función de la ubicación, dimensión o 
protagonismo que le asignemos, 
experimenta pequeñas variaciones en su 
significado. Por tanto, es muy importante 
la posición que se le da a cada uno de los 
elementos y encontrar el equilibrio formal 
entre todos ellos. 
En una composición debemos buscar la 
máxima eficacia comunicativa, impadar 
visualmente al público receptor de 
nuestro mensaje. Realmente no existe una 
norma especifica que nos asegure el éxito 
de nuestra composición, pero sf unas 
pautas, que si se conocen pueden hacer 
más eficaz nuestro mensaje. 
Preferencia por el ángulo inferior 
izquierdo 
El ojo favorece la zona inferior izquierda 
de cualquier campo visual. Este 
favoritismo puede estar influido por los 
hábitos occidentales de impresión y por 
el hecho de que aprendemos a leer de 
izquierda a derecha. Aunque no se sepa 
con certeza la razón, tal vez baste saber 
que este fenómeno se produce 
realmente. 
1.3 Elementos de diseño y comunicación 
1.3.1 Elementos básicos 
de la comunicaciónvisual 
Los elementos visuales constituyen la 
sustancia básica de lo que vemos y su 
número es reducido: 
Punto 
Unea 
Contorno 
Dirección 
Tono 
Color 
Textura 
Dimensión 
Escala 
Movimiento 
Son la materia prima de toda información 
visual y estos pueden interactuar de 
acuerdo a la Gestal~ como un todo que 
está constituido por partes interactuantes 
que pueden aislarse y observarse en 
completa independencia para después 
recomponerse en un todo. No es posible 
cambiar una sola unidad del sistema sin 
modificar el conjunto. 
La manipulación de esos elementos 
visuales, está en manos del artista, el 
visualizador. Lo que decide hacer con ellos 
es la esencia de su arte y las opciones son 
infinitas. El conocimiento en profundidad 
de la construcción elemental de las formas 
visuales permite al visualizador una mayor 
libertad y un mayor número de opciones 
en la composición; estas opciones son 
esenciales para el comunicador visual. 
El contenido y la forma son 105 
componentes básicos del diseño. El 
contenido es fundamentalmente lo que se 
esta expresando 'el mensaje', en la 
comunicación visual el contenido nunca 
va separado de la forma. El mensaje se 
compone con el fin de expresar, explicar, 
dirigir. La composición es el medio 
interpretativo destinado a controlar la 
reinterpretaci6n de un mensaje visual por 
Equilibrio 
1.3.2 Técnicas de comunicación visual 
sus receptores, el significado esta tanto en 
el ojo del observador como en el talento 
del creador. La composición es un aspecto 
concurrente en cada imagen ya que es 
Informativamente lo mas importante. 
La técnicas ofrecen al diseñador una 
amplia paleta de medios para la expresión 
visual del contenido. Existen en forma de 
dipolos sobre un espectro continuo, o 
Inestabilidad 
Asimetrfa 
como aproximaciones contrarias al 
significado, 
A continuación se nombran algunas de 
ellas: 
Equilibrio e Inestabilidad: En el equilibrio 
hay un centro de gravedad a medio 
camino de dos pesos. La inestabilidad da 
lugar a provocaciones inquietantes. 
Simetrla y Asimetrla: la simetrla es el 
equilibrio axial. Es lógico al diseñar, pero 
puede resultar estático o aburrido. 
Regularidad e Irregularidad: la regularidad 
en el diseño consiste en favorecer la 
un~ormidad de elementos, desarrollo de 
un orden basado en algún principio o 
método, la irregularidad realza lo insólito, 
sin ajustarse a un plan descifrable, 
Simplicidad y Complejidad: la simplicidad 
impone un carácter directo y simple de la 
forma elemental. la complejidad presenta 
numerosas unidades y fuerzas 
elementales y da lugar a un dificil proceso 
de organización del significado, 
Unidad y Fragmentación: la unidad es un 
equilibrio adecuado de elementos 
diversos en una totalidad que es 
perceptible visualmente como un objeto 
único, la fragmentación es la disposición 
de los elementos de un diseño en piezas 
separadas que se relacionan entre si pero 
conservan su carácter individual. 
Economla y Profusión: En la economla 
existen unidades mini mas de medios 
visuales, la profusión esta muy recargada 
y tiende a la presentación de adiciones 
complejas y detalladas que embellecen 
mediante la ornamentación, 
. .. . .... 
~~---
I ::-
Regularidad 
Simplicidad 
Unidad 
Economra 
Irregularidad 
Complejidad 
Fragmentación 
Profusión 
rO? _a __ _ a_ -~ • 
Reticencia 
Predictibilidad 
Actividad 
Sutileza 
• 
-
Exageración 
Espontaneidad 
TRANSMISSION = GRAPHIC /FORM / SHAPEI--=-
FLOW 1 COLOUR/IMAGE 1 
SOUND 1 TEXT 1 PAOFILE 1 ~ 
PROCESS 1 PROJECT I PEOPLE 1-
- [UL TURE 1 IDEA I SOLUTION I ~ -
MISSION I ENTER NORSK I ENGUSH 
T"'P~"~ 
Pasividad 
Audacia 
Reticencia y Exageración: la reticencia es 
la corrección de una respuesta máxima del 
espectador ante elementos mlnimos. La 
exageración recurre al énfasis 
extravagante, ensanchando su expresión. 
Predictibilidad y Espontaneidad: Sugiere 
un orden o un plan muy convencional, se 
prevé de antemano lo que será el mensaje 
visual. La espontaneidad carece 
aparentemente de plan, es una técnica de 
gran carga emotiva¡ impulsiva y 
desbordante. 
Actividad y Pasividad: la actividad debe 
reflejar el movimiento mediante la 
representación o la sugestión. la 
pasividad se produce mediante el 
equilibrio absoluto, un efecto de reposo. 
Sutileza y Audacia: la sutileza establece 
una distinción afinada, rehuyendo toda 
obviedad o energia de propósitos, indica 
una aproximación visual de gran 
delicadeza y refinamiento. El propósito de 
la audacia es conseguir una visibilidad 
óptima, el diseñador debe usarla con 
atrevimiento¡ seguridad y confianza. 
1.4 El usuario 
1.4.1 Razones de un 
usuario para volver 
' Contenido de alta calidad. 
• Frecuente actualizadon. 
'TIempo de descarga minimo. 
• Sencillez de uso. 
• Lo que se ofrece es relevante para las 
necesidades del usuario. 
, Aprovechamiento de las caracteristicas 
del mundo on·line. 
, Reflejo de una organización de empresa 
centrada en la red. 
1.4.2 Como son los usuarios 
*Exhiben una marcada impaciencia e 
insistencia en la obtención de 
gratificación instantánea. 
'Consideran que la navegación es un mal 
que hay que soportar, no un objetivo 
suyo. Por lo que hay que darle en cada 
pagina solo el peso que le corresponde. 
'la actualización de los navegadores a 
nuevas versiones se hace a un ritmo del 
1% semanal, por lo tanto, hasta que han 
pasado casi 2 años desde la aparición de 
una nueva versión no se han actua lizado 
a ella todos los usuarios. 
·Un tiempo de respuesta menor a un 
segundo da la impresión de libertad en la 
navegación (0,1 segundo se considera 
respuesta instántaneal. 10 segundos es el 
limite para que el usua rio mantenga la 
atención mientras espera. Por encima de 
este tiempo, cambia de actividad 
mientras espera la respuesta del 
ordenador y se hace imprescindible 
informarle de cómo va el proceso (con 
barras de progreso, mensaje~") 
'las paginas que tienen mas de 40K 
sufren un 25·30% de abandono por parte 
del usuario antes de la desca rga 
completa. 
' El 16% de la habilidad del usuario en el 
manejo de un sitio se basa en el código 
de colores estándar de los vinculas. Todos 
los dem~s cri!erios juntos corresponden 
al 84% de sus capaCidades de 
navegación. 
'La mitad de los usuarios navegan sobre 
todo haciendo búsquedas, la quinta parte 
prefiere hacerlo pulsando links y el 30% 
restante combina ambos 
comportamientos 
, El "'011 horizontal es la técnica de 
navegación mas odiada en un 
visualizador de web 
1.4.3 Diseño de paginas 
Para usuarios que acceden por módem, 
las páginas no deberran superar los 34K 
·Si la pagina no esta lista, no se debe 
subir, y mucho menos usar una pagina en 
-construcción-, 
Diseño del sitio 
la pantalla principal es el buque insignia 
de tu sitio y puede estar diseñado de una 
forma diferente al resto de las páginas. 
Debe contener el lago de la empresa o 
del sitio. datos que permitan responder a 
la pregunta ¡Que hace este sitio? 
'No coloques botones que llevan al snio 
donde uno ya esta. 
'la costumbre se ha convertido en 
convención y para el usuario resulta muy 
sencillo encontrar ellogo de la compañia 
arriba a la izquierda, la caja de busqueda 
en el extremo opuesto y la principal 
estructura de navegaci6n en la columna 
izquierda. 
'Es preferible diseñar para facilitar la 
libertad de movimiento y la navegación 
flexible que permita múltiples vias de 
recorrer el sitio. 
Internet es el medio en que se hace más 
evidente la evolución del diseño 
audiovisual. Su uso va más allá de resolver 
problemas comunicativos concretos con 
su presencia cotidiana en los medios de 
comunicación, para pasar a fonnar parte 
del lenguaje universal de la sociedad 
desarrollada, 
Internet ofrece opciones distintas para 
cada tipo de usuario, la creación de 
nuevos clientes a partir de una mejor y 
más detallada información, el análisis y 
comparación de productos, la facilidad y el 
bajo coste de su comercialización se 
traducen en un ahorro de tiempo ydinero, 
En Internet convergen todas las 
posibilidades de generación y 
manipulación de imágenes, Fotograffa 
digital, imágenes de video, escaneadas, 
gráficos generados a partir de programas 
de diseño, textos, edición, etc. Tras un 
proceso de selección y composición, se 
obtiene una combinación de texto e 
imágenes conocida como página Web, 
Para el usuario cada vez tienen menos 
importancia las cuestiones técnicas. Lo 
que busca es disfrutar sin complicaciones 
de las posibilidades que la computadora le 
ofrece, 
Al diseñar un entorno visual interactivo, el 
primer objetivo debe ser lograr que la 
disposición de información en pantalla y 
el desarrollo del código de navegación 
faciliten el acceso a la información, El 
navegante debe experimentar una 
sensación de fluidez en la lectura de los 
contenidos, 
1.5.1 Internet 
Al igual que en cualquier otra acción de 
diseño, el primer paso para proyectar una 
pagina Web es conocer exactamente 
quién es el productor, cuál es su mensaje 
y cuáles sus intenciones. 
Existe una rigurosidad elevada cuando el 
proceso de diseño de una pagina Web, es 
un encargo con objetivos comerciales y 
de servicio a posibles clientes. 
El volumen de información recabada 
debe abarcar desde la concreción de la 
oferta hasta un conocimiento exhaustivo 
de la imagen corporativa del productor. 
En una p.lgina Web asl, además de un 
estilo de comunicación propio pero 
coherente con la imagen de la empresa 
en otros medios de comunicación, será 
también necesario analizar todos los 
elementos identificadores que 
constituyan la identidad visual del cliente. 
Ello permitirá la rápida identificación del 
propietario de la Web y cumplirá además 
con el objetivo de que los elementos 
gráficos corporativos actúen 
puntualmente como signos gráficos que 
faciliten la navegación por la p.lgina Web. 
1.5.2 La Web 
Uno de los errores más graves en el 
diseño en Internet es la lentitud en la 
identificación del emisor debida a una 
excesiva acumulación de información en 
la pantalla, pues se da prioridad a la 
cantidad de servicios frente a la identidad 
de quien los ofrece. lo que es motivo de 
desconcierto y desinformación. La falta de 
claridad hace difícil comprender cuál es la 
verdadera intención de la Web y cómo 
navegar por ella. 
~ ... 
1.5.3 Word Wide Web (www) 
El World Wide Web (www),es uno de los 
servicios que se pueden obtener a través 
de Internet el boom que a surgido para 
estar conectado a Internet en los últimos 
años se debe en mayor parte a la facilidad 
de uso que el wwwleha dado a Internet. 
Health Telematics Trélinii6+1e'twlork 
(HEAL THNET) 
Para comprender mejor que es el www, 
primero tenemos que comprender que es 
el Hipertexto. El Hipertexto es un método 
practico de organizar la información en 
Internet o cualquier otra información que 
se desee organizar. El Hipertexto es un 
dato que contiene un Vinculo o Liga a otro 
dato, de tal forma que la información 
podlra encontrarse en el mismo lugar 
donde se encuentra el articulo o en un 
lugar remoto. De esta manera podremos 
Navegar por varios lugares separados 
entre si por cientos de kilómetros en 
cuestión de minutos y obtener asl 
informac ión de primera mano y de los 
lugares mas prestigiados en relación al 
tema. 
El programa que se usa para leer un 
documento en Hipertexto es llamado 
Browser o Navegador. En estos 
documentos se pueden insertar archiVQs 
de audio que podrá escuchar mientras se 
lee el documento en Hipertexto, se podrán 
encontrar imágenes y obtener fragmentos 
de video. 
También conocidos como direcciones 
alfanuméricas. Los OOMAIN NAMES 
representan al computador en la Red o 
Inter.-Espacio de una forma fácil. Ya que 
para el lenguaje interno de la red, se 
maneja el llamado Protoclo de Internet 
(lP), que no es más que un número 
asignado que no tiene un uso práctico 
(por ejemplo 123.32.5454.768). Para 
facilitar esto se creó el DOMAIN NAME 
SYSTEM. 
Un nombre de dominio en Internet no es 
más que una dirección única para su sitio 
Web y puede ser obtenida para 
dominios terminados en .com, .edu, .org, y 
.net para otros dominios. 
El nombre de dominio puede incluir el 
nombre de su empresa : 
http1www.suempresa.com o cualquier 
otra combinación de palabras y letras que 
usted quiera,dependiendo obviamente de 
la disponibilidad del mismo. 
El DOMAIN a su vez tiene por lo menos 
dos partes: 
1.5.4 Domain Name 
, OOMAIN LEVEL5: Es no es mas que una 
separación por periodos. 
' Top level DOMAINs o TLOs: Que a su vez 
son referencias de la zona de Internet a la 
cua l han sido asignadas (.com, .org, .net) o 
la del pals (.ca(Canadá) .co(Colombia)). 
/ 
/,---------, 
/ 
2.1 Proyecto de titulación UNAM 
Aprueba la UNAM nuevas 
opciones para titulación 
M8<ICQ, D.F, 7 de julio (a pro).· En sesión 
ordinaria, el Consejo Universitario (CU) de 
la UNAM, encabezado por el rector Juan 
Ramón de la Fuente, aprobó que los 
egresados de la Universidad Nacional 
Autónoma de México (UNAM) tendrán, a 
partir del próximo cido escolar, un total 
de 10 opciones de titulación, que van 
desde los tradicionales como es la 
elaboración de tesis y examen 
profesional, hasta la posibilidad del 
desempeño laboral, servicio social y 
examen general de conocimientos. 
Con 94 votos en pro, uno en contra y tres 
abstenciones, el CU aprobó las nuevas 
formas de titulación, las cuales tienen 
efecto retroactivo, lo cual podría provocar 
un incremento en el número de personas 
que concluyen esta etapa final de sus 
carreras profesionales. las autoridades 
univers~arias estiman que la t~u lación de 
egresados y estudiantes es de alrededor 
del 5096. 
El CU dio a conocer que la inclusión de 
nuevas formas de titulación implicará 
reconceptualizar el nivel licenciatura, al 
reformarse los reglamentos General de 
Exámenes, General de Estudios Técnicos y 
Profesionales, y General para la 
Presentación, Aprobación y Modificación 
de Planes de Estudio. 
la decisión acotó que será cada consejo 
técnico de las diversas escuelas y 
facultades decidir cuáles formas de 
titulación adoptará, algunas de las cuales 
son, también, la de créditos en posgrado, 
profundización de conocimientos y 
acción de apoyo a la docencia. 
Así, por ejemplo, cuando se trate de 
profesiones cuyos egresados puedan 
producir obra artística, el alumno tendrá 
la opción de presentar trabajo terminado, 
según lo defina la normatividad 
establecida para esta opción en cada 
entidad académica. 
El acuerdo del CU, explicaron, busca 
fomentar la titulación mediante el 
aprovechamiento de los conocimientos y 
habilidades que se desarrollan en las 
diversas carreras universitarias. 
.1.j.ndlO gutiérrez/.pro 
2.2.1 Información a los 
alumnos 
Por una parte se detectaron problemas en 
la forma de proporcionar información a 
los alumnos, ya que se realiza de forma 
oral, basada en la memoria de quien la 
proporciona, y en otras ocasiones (on 
copias de un folleto existente. Esta opción 
casi no se uti liza por la limitación para 
reproducir este material frecuentemente. 
Solución: 
al Elaborar un cartel para cada 
información requerida: tramites de 
registro, documentos para titulación, etc. 
bl Elaborar un documento escrito por 
cada información requerida y que se 
tenga en el área de fotocopiado para que 
cada alumno solicite copia de la 
información que requiera y pague las 
copias correspondientes. Esta solución 
ahorraria a la Escuela el gasto de copias, 
además de que generarla el ingreso de 
recursos. 
2.2 Proyecto de titulación ENAP 
2.2.2 Recepción de 
documentos 
la entrega de documentos por parte de 
los alumnos se realiza de manera irregular, 
ya que no los entregan juntos. No se lleva 
un control escrito de qué se entregó y qué 
falta. De igual manera no existe un 
registro de los documentos que entregó 
el alumno, ni tampoco de los documento 
que se le entregan. 
Solución: 
al No se realizará ningún trámite que no 
tenga completa la documentación 
requerida. 
bl Diseñar un formato dondefinme el que 
recibe la documentación, y 
posterionmente el alumno cuando reciba 
su papeler!a. 
2.2.3 Dirección de tesis 
No se sabe que profesores pueden ser 
directores de tesis de acuerdo al tema 
seleccionado por el alumno. Quienes no 
reúnen las caracterfsticas ya que no están 
titu lados. 
Por otra parte la dirección de te~s no se 
realiza de manera equitativa, ya que 
algunos no realizan esta labor, otros 
dirigen pocas tesis y otros demasiadas. 
Solución: 
al Se requiere contar con una base de 
datos para saber el área de cada profesor. 
As! como otra donde se registren las tesis 
que tiene a su cargo. 
bl Aprovechar a los profesores de tiempo 
completo para esta labor. 
Mtra.Ariadne Garda Morales 
2.2.4 Designación de jurados 
2.2.5 Vinculación con el área 
de servicios escolares 
Designación de jurados 
la designación de los jurados presenta 
una problemática parecida a la anterior, ya 
que algunos profesores no han tenido 
esta experiencia ya que no se sabe que 
área puede cubrir cada profesor. 
Por otra parte no existe un protocolo 
establecido para la designación de los 
cargos, ya que cambian con cada periodo 
de la dirección de la Escuela. la 
antigüedad del profesor tiene un papel 
preponderante en este aspecto. 
También considero que es un error que el 
director de una tesis o de un seminario 
sea el presidente del jurado. Este hecho 
hace que no sean equitativos los 
exámenes, ya que el voto de calidad recae 
en la misma persona que dirigió el 
trabajo. 
Solución: 
al Establecer una base de datos con la 
información necesaria. 
bl Establecer el protocolo, someterlo a la 
aprobación del Consejo para dejarlo por 
escrito. 
el Actualizar de manera permanente la 
base de datos de la antigüedad del 
profesor. 
di No considero que la antigüedad deba 
ser un rasgo preponderante, ya que 
puede darse el caso de algún profesor 
que tenga muchos años en la Escuela, 
pero que no haya realizado los méritos 
académicos suficientes para tener un 
cargo. 
el Es necesario apegarse a la 
normatividad de la UNAM, es decir 
considerar de acuerdo al siguiente orden: 
el nombramiento, categoría, nivel, grado 
académ ico, antigüedad. etc. 
fl El director de tesis no podrá ser el 
presidente del examen. 
Vinculación con el área de 
servicios escolares 
Algunos alumnos que están a punto de 
titularse no cuentan con una situación 
académica regular, esto genera problemas 
para poder realizar el examen. El 
problema es que estos casos se detectan 
casi cuando el alumno está por concluir 
su tramite, ya que es en ese momento 
cuando se solicita su historial académico. 
Solución: 
al Establecer una estrecha comunicación 
con el área de servicios escolares. 
bl Solicitar al alumno para poder registrar 
la tesis, que entregue la revisión de 
estudios con el historial académico. 
Mtra.Ariadne Garda Morales 
2.2.6 Titulación de las carreras Diseño Gráfico 
y Comunicación Gráfica 
2.2.7 Titulación de la planta 
docente 
Titulación de las carreras 
Diseño Gráfico y 
Comun icación Gráfica 
Existe un gran número de alumnos de 
estas licenciatura que no se ha titulado. Es 
necesario incrementar de manera 
importante este porcentaje, ya que la 
vigencia del plan de estudios va a generar 
un problema al tener que establecer 
equivalencias. 
Solución: 
a) Establecer Seminarios para su 
titu lación, ya que el número de 
participantes es mayor en esta opción. 
b) Genera recursos extraordinarios a la 
Escuela. 
e) Acorta el tiempo de realización al 
alumno. 
d) Facilita el trámite administrativo al 
alumno. 
e) Presentar otras opciones de titulación. 
Titulación de la planta docente 
Es importante que la Escuela pueda 
contar con su planta docente titulada, ya 
que por un lado podrá acceder a estudiar 
posgrados, participar en los exámenes 
profesionales, dirigir tesis, eK 
Solución: 
a) Generar opciones de titulación basadas 
en la experiencia docente. 
b) Seminarios de titulación exclusiva para 
docentes. 
Mtra. Añadne Garda Morales 
2.3.1 Tesis individual 
Objetivo 
Desarrollar una investigación básica, es 
decir descriptiva, sobre algún tema o 
estudio de caso de la disciplina. 
Aprobar el examen profesional 
correspondiente con la posibilidad de 
obtener mención honorífica si se cuenta 
con los antecedentes académicos 
requerido~ 
Podrán participar: 
Todos los alumnos que hayan concluido el 
70% mínimo de los créditos de las 
carreras de Artes Visuales, Diseño Gráfico, 
Comunicación Gráfica y Diseño y 
Comunicación Visual. 
fecha de inscripción: Permanente 
Características termínales de la 
modalidad: 
Concluir los créditos de licenciatura y 
cubrir los requisitos generales de 
titulación 
Concluir tesis o tesina y que ésta sea 
aprobada por el director y el sínodo 
académico asignado. 
Que la tesis o tesina presente: portada 
oficial,40 cuartillas mínimas de texto y 20 
fuentes bibliográficas mlnima~ 
Tiempo de elaboración: mínimo seis 
mese~ máximo dos años. 
Requisitos para registro en el 
Departamento de Titulación: 
Entregar el fo rmato de inscripción (4 
impresiones). 
Presentar la Historia Académica 
actualizada y Revisión de Estudios. 
Presentar el proyecto, firmado por el 
director de tesis o tesina, que debe ser 
profesor titulado que imparta clases en la 
ENAP, con 105 siguientes puntos: tema, 
título, objetivos, proposición o problema 
a resolver, esquema de investigación, 
justificación y bibliografía. 
El expediente completo, con la solicitud 
impresa (cuatro impresiones), deberá ser 
entregado en las oficinas del 
Departamento de frtulación de la Escuela 
Nacional de Artes Plástica~ 
Documentos que deberán 
entregarse al termino de la 
tesis : 
carta de liberación del Servicio Social 
CURP (fotocopia en tamano carta) 
Carta de idioma (con fotografía) de 
acuerdo al Plan de Estudios 
Formatos F2 y F3 firmados 
6 fotografías tamaño titulo 
4 fotografia tamaño infantil 
Pago del pergamino y la revisión de 
estudios 
carta de No adeudo de libros 
Nueve ejemplares encuademados 
Con esta documentación se procederá a 
asignar la fecha para el examen 
profesiona l, los nueve ejemplares del 
informe deberán ser entregados mlnimo 
una semana antes del examen para ser 
sellados, y serán repartidos de la manera 
siguiente: 
• 2 para la biblioteca de la ENAP 
• 2 para la biblioteca central 
• 5 para cada uno de los sinodales 
-
Objetivo 
Desarrollar entre dos o más alumnos, una 
investigación básica, es decir descriptiva, 
sobre algún tema o estudio de caso de la 
disciplina cuya extensión o profundidad 
justifique la participación de un equipo de 
trabajo. 
Aprobar el examen profesional 
correspondiente con la posibilidad de 
obtener mención honorífica si se cuenta 
con los antecedentes académicos 
requeridos. 
Podrán participar: 
Todos los alumnos que hayan concluido el 
70% mínimo de los créditos de las 
carreras de Artes Visuale~ Diseño Gráfico, 
Comunicación Gráfica y Diseño y 
Comunicación Visual. 
Fecha de inscripción: Permanente 
Carac\erlsticas terminales de la 
modalidad: 
Concluir los créditos de licenciatura y 
cubrir los requisitos generales de 
titulación 
Concluir tesis o tesina y que ésta sea 
aprobada por el director y el slnodo 
académico asignado. 
Que la tesis o tesina presente: portada 
oficial,40 cuartillas mlnimas de texto y 20 
fuentes bibliográficas mínimas. 
Tiempo de elaboración: mlnimo seis 
meses, máximo dos años. 
Requisitos para registro en el 
Departamento de TItulación: 
Entregar el formato de inscripción (4 
impresiones). 
Presentar la Historia Académica 
actualizada y Revisión de Estudios. 
Presentar el proyecto, firmado por el 
director de tesis o tesina, que debe ser 
profesor titulado que imparta clases en la 
ENAP, con los siguientes puntos: tema, 
titulo, objetivos, proposición o problema 
a resolver, esquema de investigación, 
justificación y bibliografla. 
El expediente completo, con la solicitud 
impresa (cuatro impresiones), deberá ser 
entregado en las oficinas del 
Departamento de Titulación de la EscuelaNacional de Artes Plásticas. 
2.3.2 Tesis grupal 
Documentos que deberán 
entregarse al termino de la 
tesis : 
Carta de liberación del Servicio Social 
CURP (fotocopia en tamaño carta) 
Carta de idioma (con fotografla) de 
acuerdo al Plan de Estudios 
Formatos F2 y F3 firmados 
6 fotograffas tamaño t~ulo 
4 fotograffa tamaño infantil 
Pago del pergamino y la revisión de 
estudios 
Carta de No adeudo de libros 
Nueve ejemplares encuademados 
Con esta documentación se procederá a 
asignar la fecha para el examen 
profesional, los nueve ejemplares del 
informe deberán ser entregados mlnimo 
una semana antes del examen para ser 
sellad~ y serán repartidos de la manera 
siguiente: 
• 2 para la biblioteca de la ENAP 
• 2 para la biblioteca central 
• S para cada uno de los sinodales 
2.3.3 Tesis por seminarios especificos 
Objetivo 
Actualizar a los egresados en materias y 
temas especificas de la disciplina. Vincular 
a los exalumnos con proyectos 
institucionales que se realizarán en la 
modalidad de seminario. 
Podrán participar. 
los alumnos que hayan concluido el 
100% de los créditos de las carreras de 
Artes Visuales, Diseño Gráfico, 
Comunicación Gráfica. Que tengan 
mlnimo 5 años de egreso. Que tengan 
concluido el Servicio Social. 
Caraclerfsticas terminales de la 
modalidad: 
Cubrir los requisitos generales de 
titulación 
90 % de asistencia a las actividades del 
seminario y acreditación de l mismo 
conforme a los requisitos de evaluación 
del programa con calificación mínima de 
9.0 
Que la documentación sea aprobada por 
el slnodo académico asignado. 
Presentarse a la firma de las actas 
correspondientes en la fecha definida por 
el Departamento de TItulación. 
TIempo:seis meses 
Estos seminarios se llevarán a cabo en 
temas especfficos de la disciplina, a 
desarrol lar de manera individual. 
Se debe esperar la convocatoria, ya que es 
un requisito indispensable contar con un 
mlnimo de participantes. Esta opción 
ofrece la dirección de tesis por parte de 
un profesor especialista en el tema y un 
asesor que dirigirá la parte metodológica. 
El tiempo de realización de la tesis es de 
seis meses, al término del cual se fijará la 
fecha de examen profesional. 
,i 
""'----
Objetivo 
Reconocer la constancia y disciplina de 
aquellos alumnos que han concluido su 
licenciatura en el tiempo reglamentario y 
con el mejor nivel académico posible. 
Podrán participar: 
Todos los alumnos de ~s carreras de Artes 
Visuales, Diseño Gráfico, Comunicación 
Gráfica y Diseño y Comunicación Visual 
que tengan promedio mlnimo de 9.5. 
Haber cubierto la totalidad de los créditos 
del plan de estudios en el periodo 
previsto en el mismo 
No haber presentado exámenes 
extraordinarios durante la carrera. 
Sin recursamientos. 
No haber realizado trámhes de cambio de 
carrera. 
Periodo de inscripción:Variable 
Caraclerlsticas terminales de la 
modalidad: 
Concluir l00% de créditos de licenciatura 
• Registrarse en las fechas indicadas en la 
convocatoria. 
Requisitos para registro en el 
Departamento de Titulación: 
Entregar el formato de inscripción en 
cuatro impresiones (no se aceptan 
fotocopias) 
Presentar la Historia Académica 
actualizada y comprobante de solicitud 
de Revisión de Estudios (Ambos trámITes 
se solicitan en las ventanillas del plantel 
únicamente del 7 al18 
de Marzo) 
Carta de liberación del Servicio Social 
Fotocopia del CURP ampliada a tamaño 
carta 
Carta de idioma con fotografia 
(únicamente para la carrera de Diseño y 
Comunicación Visual) 
6 fotograffas tamaño título con el nombre 
escrito a lápiz al reverso 
4 fotograffa tamaño infanti l con el 
nombre escrito a lápiz al reverso 
Pago del pergamino y la revisión de 
estudios en DGAE (consultar mapa de 
ubicación en la página web) 
Carta de No adeudo de libros de la 
Biblioteca de la ENAP 
2.3.4 Alto nivel académico 
Caraclerlsticas terminales de la 
modalidad: 
Concluir los créditos de licenciatura y 
cubrir los requisitos generales de 
mulación 
Que la historia académica oficial cumpla 
con los requisitos de la convocatoria 
Que la documentación sea aprobada por 
el sfnodo acad~mico que sea asignado 
Presentarse a la firma de las actas 
correspondientes en la fecha que sea 
definida por el Departamento de 
TItulación. 
NOTA: LAS GENERACIONES EGRESADAS 
ANTES DE 1980TENDRAN QUE SOLICITAR 
SU AGUALlZACION DE HISTORIA 
ACADEMICA PAGANDO El TRAMITE 
CORRESPONDIENTE 
EN ESTA OPCIÓN NO SE OTORGARÁN 
MENCIONES HONORIFICAS 
2.4 Documentación 
2.4.1 Requisitos 
Revisión de estudios académica 
Revisión de estudios documental 
Carta de liberación del Servicio Social 
CURP (fotocopia, ampliación al 200%) 
Carta de idioma (con fotogra ffa) 
Esta documentación deberá ser 
entregada en el departamento de 
Titulación antes de iniciar el tramae de 
titulación. 
2.4.2 Registro 
Es un juego de 5 hoja~ mismo que tendrá 
que ser recogido en el departamento de 
TItulación. 
Al tener el registro de tesis (F1) el alumno 
deberá seleccionar la opción de titulación 
y escribir el titulo tentativo de su tesis, asl 
mismo, deberá firmar cada una de las 
hojas en el espacio correspondiente y dar 
a firmar a su director de tesis las mismas. 
Al contar con ambas firmas en todas las 
hojas del registro F1 , una se la quedara el 
director de tesi~ una el alumno y las tres 
sobrantes deberán ser regresadas al 
departamento de TItulación, para que se 
realice su expediente. 
ESCUELA NACIONAL DE ARTES PLÁSTICAS 
F. 1 Registro de TItulación 
MODALIDADES: o Tesis Individual O Tesis Grupal O Tesina 
FECHA: I 
(------------) 
[~-----=---=---=-~========~) 
Licenciatura: D D.G. D C.G. D A.V. I
L
D __ D_.C_.V_._o_"_en_t_a"'_6_n_: ___________ --' 
Número de Cuenla: _________ _ Generaci6n: _____________ _ 
Teléfono(s) : __________ _ e-mail: _______________ _ 
FIRMA DEL ALUMNO (A) NOMBRE Y FIRMA DEL DIRECTOR DE TESIS 
PARA LLENADO POSTE Rl0R DE LA INST ITUCiÓN 
Vo. Bo. Jefe d e la División de Estudios Profesiona les de la ENAP 
MTRO. ARTURO MIRANDA VIDEGARAY 
SEllO DEPTO . TITULACIÓN 
FECHA DE T~RMI NO, VO . BO . DIRECTOR D E LA TESIS 
TITULO FINAL, 
ESCUELA NACIONAL DE ARTES PLÁSTICAS 
D
-
.,.. -
. " ". " . . F. 1 Registro de Titulación 
MODALIDAD: Alto Nivel Académico 
FECHA: ~I __________ ~ 
( J 
Licenciatura: o D.G. O C.G. O A.v. I O D.C.V. Orientación: 
Número de Cuenta:---------- Generación: ------------
Teléfono(s) : 
Celular: 
e-mail:--------------
FIRMA DELALUMNO (A) SELLO o EL OEPARTAMENTO DE TrruLAClON 
PARA LLENADO POSTERIOR DE LA INS"nrucION 
Vo. Bo. Jefe d e la División de Estu dios Profesiona les de la ENAP 
MTRO. ARTURO MIRANDA VIDEGARAY 
U
· <-
-. 
"" ~ 
" . ' .. 
MODALIDADES: O Actividad de Investigación 
O Informe de Servicio Social 
O Seminarios Especlficos 
ESCUELA NACIONAL DE ARTES PLÁSTICAS 
F. 1 Registro de Titulación 
o Profundización de Conocimientos 
O Actividad de Apoyo a la Docencia 
O Examen de Conocimientos 
FECHA: I 
o Trabajo Profesional 
O Créd itos de Posgrado 
(~------------~) 
[-------=------=-----=~==================:::,J 
Licenciatura: D D.G. D C.G. D A.V. LI D __ D_.C_._V_. _0_oe_n_ta_c_i6_n: _________ ---' 
Número de Cuenta: Genera~6n: _____________ _ 
Teléfono (s): ____________ _ e-mail: _______________ _ 
FIRMA DEL AlUMNO (A) 
SEllO DEPTO . TITULACION 
NOMBRE Y FIRMA DEL DIRECTOR DE TESIS 
PARA LLENADO POSTE RIO R DE LA INSTITUC ION 
Vo. Bo. Jete de la Dlvlsl6nde Estudios Profesiona les dela ENAP 
MTRQ. ARTURO MIRANDA V IDEGARAY 
FECHA DE T~RMINO: _____ VO . BO . DIRECTOR DE LA TESIS 
TITULO FINAL: 
2.4.3 Impresión de 
ejemplares 
Al terminar la tesis y entregar los formatos 
F2 y F3, se imprimi rán 9 ejemplares de la 
tesis, los cuales deberán ser entregados 
mlnimo una semana antes del examen, y 
serán repartidos de la manera siguiente: 
Para la biblioteca de la ENAP 
2 para la biblioteca central 
5 para cada uno de los sinodales 
Deberán ir encuadernados o empastados. 
El diseño editorial, formato y papel, son 
libres. 
Se deberá dejarla primera hoja en blanco. 
En la segunda hoja deberá ir una portada 
con los siguientes datos: 
Escudo de la UNAM 
Universidad Nacional Autónoma de 
México 
Escuela Nacional de Artes Plásticas 
Titulo de la tesis entre comillas 
Tesis que para obtener el titulo de: 
Ucenciado en (Carrera) Presenta 
(Nombre completo del alumno) 
Director de tesis: (Nombre del director de 
tesis),en caso de ser tesis conjunta o 
seminario, nombrar al asesor. 
México, D.F, (Año) 
El titulo deberá ser el mismo de los 
formatos F2 y F3, sin ninguna 
modificación por mlnima que esta sea. 
Al tener los 9 ejemplares con los 
requisitos correspondientes serán 
mostradas en el departamento de 
Titulación para revisión y sello de 
aprobación. Presentar con las tesis el 
comprobante de revisión de estudios para 
que sea sellado en las biblioteca~ 
44 
UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO 
ESCUELA NACIONAL DE ARTES PLÁSTICAS 
"Rediseño y desarrollo de la página Web del Departamento 
de Titulación de la Escuela Nacional de Artes Plásticas" 
Tesis 
Que para obtener el titulo de: 
Licenciado en Diseño y Comunicación Visual 
Presenta 
Ariadna Talamantes Moheyer 
Director de la Tesis: Mira. Arladne Garcla Morales 
México D.F. 2005 
Portada de Tesis 
2.4.4 Características de fotografías 
Para el lílulo (6 fotografías tamaño 
t~u lo) 
Recientes 
Ovaladas (6 X 9 cm.) 
En blanco y negro, con fondo gris claro y 
retoque, impresas en papel mate ilsord 
(no Instantáneas), debidamente 
recortadas. 
De frente, rostro serio,el tamaño de la cara 
deberá medir 35 x 5 cm. A fin de que este 
en proporción con la medida de la 
fotogra fla. 
No deben ser tomadas de otras 
fotografias 
\ 
I 
Para la cédula profesional Importante: 
(4 fotografias tamaño infantil) 
Recientes 
En blanco y negro, con fondo blanco, 
impresas en papel mate sin retoque. 
1. - Anotar únicamente con lápiz su 
nombre completo al reverso de cada 
fotografía. Hacerlo suavemente (sin 
recargar la punta) para evitar marcarlas. 
De frente, rostro serio; frente y orejas 
descublenas. (No Instantáneas). 
2. - No se aceptarán fotografias que no 
cubran integralmente estas 
caracterlsticas. 
Estas deberán ser entregadas. junto con 
los 9 ejemplares y el pago del pergamino. 
Mujeres: Vestimenta formal, sin escote; 
maquillaje muy discreto; frente y orejas 
descubienas; aretes pequeños; sin lentes 
oscuros o pupilentes de color. 
Hombres: Saco y corbata; sin cabello 
largo, frente y orejas descubiertas, barta 
y/o bigote reconados (deben verse los 
labios); sin lentes obscuros o pupilentes 
de color. 
El pago del pergamino se realizará en I.;¡ 
Dirección General de Administración 
Escolar IDGAE), ubicada el Edificio de la 
Subdirección de Certificación y Control 
Documental (SCCD!. Oficina de tramitel 
2do. Piso ubicado en el circuito de la 
Investigación Cientifica lentre el metro CU 
y la guardena CENDij, de 9:00 a 18:00 hrs. 
De lunes a viernes. Para cualquier 
aclaración, comunrquese a los siguientes 
teléfonos,56-22·S5-ó8 al 72. 
Se entregará el original del pago del 
pergamino y del pago de revisión de 
estudios Idos recibos), al departamento 
de Titulación. 
Informes: 
Teléfono:54-89-49-21 / 22 (Ext,144) 
Correo electrónico: 
titulaciónenap@correo.uman.mx 
Web Site:www.uman.m"'enap 
Horario de atencíón: 10:00 a 14:00y 17:00 
a 20:00 
2.4.5 Pago de pergamino 
2.4.6 Preguntas y respuestas más frecuentes 
1. ¿Qué sucede si se requiere cambio de 
sinodal? 
R. Primero hay que conocer las razones 
tanto del alumno como del profesor 
designado, si hay un acuerdo entre ellos, 
asl como con el director de la tesis, el 
alumno deberá entregar una carta 
explicando los motivos para el cambio de 
sinodal, mencionando una propuesta de 
dos profesores, esta carta deberá ser 
firmada por el director de la tesis y 
deberán ser anexados los formatos F2 Y 
F3 del profesor que ya no participará 
como sinodal. 
2. ¿Qué sucede si se pierde algún 
documento? 
R. Se podrla reponer, elaborándolo 
nuevamente, pero se podrta solicitar una 
carta del alumno solicitando el trámite, 
únicamente para que exista un 
antecedente. 
3. ¿Cuánto tiempo después del examen se 
entrega al titulo? 
R. Después de un mes y medio o dos 
meses,en DGAE. 
4. ¿Dónde se solicita la credencial de 
tesista y como? 
R. Se presentan en la biblioteca de la 
ENAP, una fotocopia del Fl (Registro de 
tesis), 2 fotograffas tamaño infantil y un 
pago de $2.S en la caja. 
S. ¿Cuáles son los requisitos para dar de 
baja una tesis? 
R. Se da de baja una tesis por que ya se 
venció el tiempo (2 años) o cuando el 
alumno ya no quiere proseguir el tramite. 
El alumno no puede renunciar, el que 
debe autorizar la baja es el director de 
tesis. El alumno deberá presentar el 
original de su Fl, en donde el director de 
tesis, deberá firmar que acepta dar de baja 
el proyecto y sus motivos. 
Seria importame que los alumnos ames 
de empezar su proyecto de tesis, ya hayan 
cursado las siguientes materias, que les 
ayudaran a un proceso mas rápido en la 
titu laciÓn. 
Metodologia de la investigación I 
Metodologla de la investigación 11 
Redacción y análisis de textos I 
Redacción y análisis de textos 11 
Seminario de investigación I 
Seminario de investigación 11 
Seminario de titulación 
3.1 Justificación 
Existen varios motivos por los que se 
requiere rediseñar y aaualizar la pagina 
de Internet del Departamento de 
Titulación, una vez que se ingresa a la 
pagina, la información que se encuentra 
es bastante generalizada, siendo poco 
comprensible para el alumno, se 
eneuentra un listado de las modalidades 
existente~ al ingresar a una modalidad 
aparece la información, pero no esta 
explicada a detalle. 
Es necesario, por lo tanto, que se 
expliquen primeramente los documentos 
que se deben entregar antes del proceso 
de titulación, puesto que, si se debe 
alguno, el tramite se retrazarfa, también 
explicar en que departamentos se tramita 
cada uno y como. 
Tambien se debe explicar paso a paso los 
documentos que son entregados por 
Departamento de TItulación. Explicar el 
tiempo que tarda cada tramite y el tiempo 
que tiene el alumno para realizarlo. 
Algunos otros datos también son 
necesario~como explicar e ineluso anexar 
un mapa del OGAE, que es en donde se 
paga el pergamino y se recoge, e incluir 
una área de preguntas y respuestas más 
comunes. 
Otra finalidad es evitarle al alumno que se 
traslade a la escuela y que pueda ver esta 
información en el momento que la 
requiera. También se disminuirla el trabajo 
en el departamento ya que no se tendrla 
que repetir la misma información una y 
otra vez y todos los alumnos estarían 
informados de una misma fuente de 
cooflanza. 
Se pretende que la pagina sea de fácil 
acceso y leaura utilizando una nueva 
propuesta de diseño, pero tratando de 
seguir el diseño ya establecido por la 
pagina principal de la ENAP. 
3.2 Programas 
3.2.1 Macromedia Flash 
Macremedia Flash es la solución para producir y entregar snios Web 
de gran impacto. Pistas de música pulsantes, efectos de sonido, 
animaciones maravillosas e interfaces innovadoras todas convergen 
en Macromedia Flash. Los desarrol~dores crearon una gama de 
efectos deslumbrantes usando las herramientas de dibujo de 
Macromedia Flash o importando arte desde herramientas de 
ilustración basada en vectores como lIustrator. Macromedia Flash 
pone un destello en los sitios Web y otros disposnivos habilitados 
para laWeb. 
3.2.2 Macromedia Dreamweaver 
Macromedia Dreamweaver MX 2004 tiene todo lo necesario para 
desarrollar un sitio Web profesional. Dreamweaver es una 
herramienta familiar y compatible con las herramientas de diseño 
predilecta~ Además de ser compatible con publicación dinámica y 
soluciones de comercio electrónico. 
Se pueden generar Páginas Web; integrar elementos de aplicaciones 
como Flash, Director y Firewooo; asi como administrar un sitio, para 
poder subirlo a un servidor que hospede páginas sin necesidad de 
saber código HTML o JavaScript. 
3.3Color y Tipografía 
3.3.1 Color 
la propiedad mas determinante del color 
tal vez sea su carácter relativo. Ningún 
color puede ser evaluado al margen de su 
entorno, un mismo color, puede parecer 
muy diferente cuando se coloca sobre 
distintos fondos, y diferentes colores 
pueden parecer casi el mismo cuando se 
asocian a distintos fondos 
El amarillo es un color animado, dado que 
es un color alegre, tendemos a cansarnos 
de le muy rápido, un amarillo muy 
brillante nos puede causar la sensación de 
opresión y uno pálido de tranquilidad. 
El azul tiene un efecto apacible, pero 
también es muy poderoso, un azul 
luminoso parece joven y deportivo, pero 
un azul rf!to marino es mas digno. 
la combinación de los colores ocupados 
en la pagina es llamativa, excitante, 
sorpresiva y jovial, por el fuerte uso de 
contraste. 
3.3.2 Tipografía 
Los tipos presentados en una 
combinación de azul y naranja altamente 
saturado son muy dificiles de leer. Al 
reajustar al valor del tipo o del fondo se 
incrementa enormemente su legibilidad. 
Por ese motivo se agrego un recuadro 
naranja poco saturado para que la 
información tuviera mejor legibilidad. 
Algunos tipos son menos legibles que 
otros, incluso cuando se presentan en 
negro sobre blanco y con el tamaño y 
espaciado óptimos. Ello se debe a las 
diferencias del diseño. las letras que 
tienen proporciones muy marcadas 
(pesada~ ligera~ anchas o delgadas) o las 
letras que poseen formas visualmente 
atrevidas son dificiles de leer cuando se 
les añade color. Se debe elegir una 
combinación de color que preserve la 
integridad de los tipos. Para que fuera mas 
legible se eligió una tipografla sans ser~ 
''Aria'·; 
Poco contraste del asta 
Modulación casi vertical 
Astas cuadradas y redondeadas 
la g en caja baja tiene ojal inferior 
3.4 Aplicación 
El formato que se utiliza para la pagina es 
rectangular horizontal con una resolución 
de 1024 - 768 dpl, este ~po de resolución 
es la mas utilizada actualmente, y a 72 dpi 
en salida de monitor. 
Al inicio se muestra la pantalla principal, 
en la que se informa de que se trata el 
sitio, al dar click en el boton de entrar se 
mostrara una barra de carga del sitio y 
una pequeña animación antes de entrar. 
El logotipo es una representación de un 
alumno con birrete en el lado derecho 
surge el nombre del departamento de 
titulación con tipografía arial para una 
fficillectura, con este tipo de tipografla sin 
rasgos, se identifica mas un joven de 22 
años al que esta dirigida la pagina. 
El fondo es simple, este se percibe como 
superficie, en él se encuentran 3 grupos 
de 3 circulos de tamaño exagerado que se 
superponen parcialmente, estos son un 
rasgo tomado del logotipo (la cabeza del 
alumno), con un color cyan, alfa del 50% 
(transparencia), de modo que se pueda 
leer con facilidad la información que 
posteriormente aparezca sobre estos. 
Existe un gran contraste de matiz en esta 
pagina, se toman los fondos azules y los 
botones y tipograffa naranjas y amarillos. 
Se trata que representen los colores 
universitarios aunque, el azul no es el 
mismo y se usan diferentes saturaciones 
de este y no existe oro sino naranja y 
amarillo para que exista mayor contraste 
visual y más atracción a la pagina. 
los botones de las modalidades son una 
vez mas el rasgo del logotipo alineados a 
la izquierda de la pagina, de cada uno de 
ellos surge una modalidad y están 
dispuestos con una dirección diagonal 
ascendente, para darle dinamismo a la 
composición. Al dar click en algún botón 
de las modalidades aparece una pequeña 
pantalla color alfa azul del 6O'If¡ en la que 
se despliega un texto naranja que explica 
las caracteristicas de la modalidad y otros 
datos necesarios. 
Existen otros botones en la parte superior 
derecha, estos son un rasgo del 
birretecolor naranja con un texto azul, en 
los que se encuentra el registro de tesis, 
pago de pergamino, fotograffas y portada 
de tesis. 
Registro de tesis: 
Al dar click sobre este botón se despliega 
el ejemplo y se puede imprimir 
directamente. 
Modalidades: 
En la esquina inferior izquierda se 
encuentra un listado de las modalidades 
existentes. Al dar click en alguna de ellas, 
se explican los objetivos de dicha 
modalidad, quienes podrán participar y 
las características terminales, como son 
documentos, entregas, etc. 
Documentos a entregar: 
En este botón se especifican los 
documentos necesarios para iniciar el 
tramite de titulación e incluso algunos 
que son entregados mas tarde; el lugar y 
el momento en que deben ser 
entregadas. 
Pago de pergamino: 
Se encuentra el botón para el pago del 
pergamino en el que al dar elic se 
despliega un mapa de la ubicación del 
DGAE para que el alumno pueda 
localizarlo mas fáci lmente y la explicación 
de cuando se debe realizar este tramite. 
Caracterfsticas de las fotograffas: 
En el botón de fotografías de despliegan 
las especificaciones de estas y ejemplos, la 
cantidad y el momento en que deben ser 
entregadas. 
Impresión de tesis: 
Se especifica cuantos ejemplares deben 
ser impresos, donde, a quien y cuando 
deben ser entregados. 
Asi como los documentos que deben 
adquirirse al realizar las entregas. 
Portada de tesis: 
y finalmente el botón de la portada de 
tesis en la que se especifican los datos 
que debe lleva, y un ejemplo. 
UMIIIIII OAO NACIOIW. AlJTOIlOlol4 Ol Ilb.CO 
&ICUELANI\CIO" ...... 1X A_ns I"!...UTI::.o.a 
......... _,_ .... """"" "'· ...... OO~ 
dllb_.II t:-.. .. ,.., .......... AItM _ _ -
"'. 
a... p<_._ .. ,""" ... . 
~ ... _ te_ ........ .,. ..... -
_ ..... _ .k ..... ~_ ... 
3.5 Subir la página 
3.5.1 FTP 
FTP son la siglas en inglés de File Transrer 
Protocol, uno de los protocolos más 
antiguos de la interne~ que inculso es 
anterior a la Red tal cual la conocemos 
hoyen dla. 
Por medio del FTP, se pueden recibir y 
enviar archivos a otras computadoras. 
Estos archivos se subirán al servidor, y una 
vez que los suba, si están en formato .html 
o .htm, podrán ser vistos por todo aquel 
que tenga una conexión a Internet y un 
navegador. 
Al acabar una página hay que subirla a la 
red. Para ello se usara el programa FTP 
integrado en Dreamweaver, que hace que 
el ordenador y el servidor donde se 
alojará la página 'se entiendan'. 
3.5.2 Host 
Un Host es el espacio de disco duro en 
Internet. Aqui están todos los archivos que 
son necesarios para formar la integracin 
de un sitio Web, para que asi sea visto por 
millones de personas al rededor del 
mundo. 
Servidores Compa~idos ó Alojamiento 
Vi~ual. 
Es tan barato que los alquilan, e incluso 
regalan, como cualquier proveedor de 
servicios como Geocites y otros mil más. El 
servidor es compa~ido y no se tiene 
ningú n poder decisorio sobre su 
configuración o software. 
Ventajas 
* El precio, si el sitio es peuqe;o y sencillo, 
es una alternativa barata, mientras no se 
haga muy complejo. 
Desventajas 
• Se comparte un servidor con muchas 
más empresas, por lo tanto, otros sitios 
más complejos y de mayor tráfico pueden 
disminuir la velocidad de acsesibi lidad al 
sitio Web de las demás emresas. 
I No se tiene acceso al servidor. 
• Umitaciones en el espacio de disco du ro 
disponible, transferencia de ancho de 
banda y opciones de software. 
Servidores dedicados. 
Servidor alquilado dedicado al uso 
excusivo de la empresa que lo contrata 
como si fuese su servidor propio. 
Ventajas 
• Si el hardware se estropea la sustitución 
es responsabilidad del proveedor. 
• Acceso directo al servidor por medio de 
una contraseña para acceder al root y 
control total. 
• No existen limitaciones en cuanto al 
software que el cliente desee instalar. 
• No hay restricciones geográfica~ 
• Dominios y cuentas de correo ilimitados. 
• El precio no es tan excesivo y si tienes 
que alojar tres o más sitios será incluso 
más económico que un servidor vi~ual. 
Un ll (~d C) 
" 
StlVer jOll rnallsm.ber~elev edil 
Un, N.iml! Slud.,nI 
Password •••••• I 
Inl1 la l P.J!h· publlc.hlml 
PO" 12ij 
PrO(ocol l Su.n<!¡rd (FTPl : 1 
fi', _ 
SW\ .. Idle ===== . 
. e (} (} jo'm.li.m.b .... "' ... , 
il: (j C!¡; .-
",_rolde< h, ... h S.,..c~_ ln Co ·'o rr_ 
: Cl Shl!~ ; I (f) I ~fxulty 
~-~5~-I ~ ~~e. ~ be ln~'II.lw. hlml 
~ ,"""~ .~trnl tv boI.de. 
~ K.ln .php ~uIo 
(V ,,~gill9 ~ <h~""'.CI'a 
~",.I>'" ~<h~ .... 
~d,n"",. 
~ONm_ 
~ el .. 
~ '''''''IJ.~U'' I 
m.· 
St~hn. Idl. 
!) ellYlronll'enrr,1 hlml 
!!) Im.hy."'rnI 
"(.Vlllh . 
~ fell0W5.luml 
,'j>o 
C) 
: I (j) 
21 ~ 
7 " • 
Ihtlf srutl. 
" 
3.5.3 Subirla con dreamweaver 
Conecta rse 
En menú,se da clieka Sitio > Administrar Sitios> nuevo > sitio 
Ahora en Datos locales se coloca el nombre del sitio y la 
carpeta local en la cual se tiene guardado. 
En datos remotos se selecciona el tipo de acceso que 
nonnalmente se~ FTP, el servidor FTP cuyo nombre o IP se 
habrá suministrado al contratar el espacio, el directorio del 
servidor en el cual se encuentra la pagina que en la mayoria 
de los casos no hace falta colocar, el login de usuario y el 
password. Se selecciona FTP pasivo si el servidor lo exige. 
Se hace una prueba y si se conecta se ha introducido los datos 
correctos. si no lo hace y da error, se tendrá que revisar. 
Subirarchivos 
Ahora se debe asegurar que se muestren los archivos, se 
conecta/ selecciona el archivo que se quiere subir y darle dick a 
la flecha que apunta hacia arriba. 
lo que se tiene que subir al servidor es el html y el swf, al 
mismo directorio. 
	Portada
	Índice
	Introducción
	1. Diseño Web
	2. ENAP/UNAM
	3. Propuesta
	Conclusiones
	Bibliografía