Professional Documents
Culture Documents
RESIDENCIA PROFESIONAL
LICENCIATURA EN INFORMÁTICA
INDICE
INTRODUCCIÓN .............................................................................................. 1
1 JUSTIFICACIÓN ......................................................................................... 2
2 OBJETIVOS ................................................................................................ 3
3.5 Visión.................................................................................................... 8
i
IT. CD. VALLES. RESIDENCIA PROFESIONAL
ii
IT. CD. VALLES. RESIDENCIA PROFESIONAL
iii
IT. CD. VALLES. RESIDENCIA PROFESIONAL
iv
IT. CD. VALLES. RESIDENCIA PROFESIONAL
v
IT. CD. VALLES. RESIDENCIA PROFESIONAL
8 RESULTADOS .......................................................................................... 72
10 BIBLIOGRAFÍA ...................................................................................... 75
11 GLOSARIO ............................................................................................ 76
12 ANEXOS ................................................................................................ 80
vi
IT.CD. VALLES. RESIDENCIA PROFESIONAL
INTRODUCCIÓN
Hoy en día, el Internet es un medio de comunicación pública, cooperativa y
autosuficiente en términos económicos, accesible a cientos de millones de personas
en el mundo entero.
1
IT.CD. VALLES. RESIDENCIA PROFESIONAL
1 JUSTIFICACIÓN
La Universidad Pedagógica Nacional Unidad 242 de Ciudad Valles establece
un compromiso con sus alumnos en la educación y formación, como su lema lo dice
“Educar para Transformar”, sustentada en la calidad del Proceso Educativo que ésta
Institución maneja; para cumplir con los requerimientos que la Unidad 242 necesita
para mantenerse a la vanguardia y sobre todo cumplir con las necesidades de sus
alumnos y docentes. Por esta razón se desarrolla un Portal para gestionar el proceso
Académico-Administrativo.
2
IT.CD. VALLES. RESIDENCIA PROFESIONAL
2 OBJETIVOS
2.1 Objetivo general
3
IT.CD. VALLES. RESIDENCIA PROFESIONAL
4
IT.CD. VALLES. RESIDENCIA PROFESIONAL
5
IT.CD. VALLES. RESIDENCIA PROFESIONAL
En sus inicios, la Unidad UPN 242 tuvo sus oficinas en el tercer nivel del
edificio que se encuentra ubicado en la esquina de Abasólo y Carranza de la Zona
Centro. Este edificio albergaba la oficina administrativa, y además, dos pequeñas
instalaciones que servían para realizar reuniones de los asesores, así como para
atender a los maestros-alumnos que lo solicitaban.
Las gestiones iniciales para la creación de la Unidad UPN 242, en esta ciudad,
estuvo a cargo del Profr. Bonifacio Ramírez Olvera quien fuera el primer Director de
ésta Institución Académica y estando como Jefa Administrativa la Profra. Ma.
Enedina Méndez Montaño.
La instalación de la Unidad UPN 242, estuvo mediada por una fuerte presión
por parte de un grupo de Tamazunchale, quienes argumentaban que en ese lugar,
existía un mayor número de maestros que podrían ser beneficiados con esta nueva
institución.
6
IT.CD. VALLES. RESIDENCIA PROFESIONAL
7
IT.CD. VALLES. RESIDENCIA PROFESIONAL
3.4 Misión
3.5 Visión
8
IT. CD. VALLES RESIDENCIA PROFESIONAL
3.6 Organigrama
DIRECCIÒN
MTRO. DANIEL CRUZ LAUREANO
CENTRO DE
CÓMPUTO
4 FUNDAMENTO TEÓRICO
4.1 Internet y la web
10
IT. CD. VALLES RESIDENCIA PROFESIONAL
11
IT. CD. VALLES RESIDENCIA PROFESIONAL
Etiquetas HTML. Las etiquetas HTML son comandos escritos entre los signos
“menor que” (<) y “mayor que” (>), también llamados corchetes angulares, que indica
cómo debe el navegador mostrar el texto. Existen versiones de apertura y cierre para
la mayor parte de las etiquetas (pero no de todas) y afectan al texto que esta
contenido entre las dos etiquetas. Tanto en las etiquetas de apertura como las de
cierre emplean el mismo comando, pero la etiqueta de cierre lleva una barra
inclinada adicional /. (CASTRO, 2001)
12
IT. CD. VALLES RESIDENCIA PROFESIONAL
Los URL pueden ser absolutos o relativos. Un URL absoluto muestra la ruta
completa del archivo, incluyendo el esquema, el nombre del servidor, la ruta
completa y el propio nombre de archivo. Un URL absoluto es como la dirección
completa de un domicilio, que incluye nombre, calle y número, ciudad, provincia,
código postal y país. El URL absoluto no depende en sí misma de la ubicación del
archivo referenciado (no importa que una Portal esté en un servidor o en el de otra
persona; si el URL es absoluto, será exactamente igual que cualquiera de los casos).
Del mismo modo, un URL relativo describe la ubicación del archivo deseado
con relación a la ubicación del archivo que contiene el propio URL. Por tanto, podría
encontrar que el URL dice algo similar a “muestra la imagen xyz que se encuentra en
el mismo directorio que el archivo actual”. Así el URL relativo para un archivo que
está en el mismo directorio que el archivo actual (esto es él, archivo que contiene el
URL en cuestión), es, simplemente, el nombre del archivo y la extensión. Para crear
el URL de un archivo que se encuentra en un subdirectorio actual, sólo es necesario
el nombre del directorio seguido por una barra inclinada y el nombre del archivo y la
extensión. (CASTRO, 2001)
13
IT. CD. VALLES RESIDENCIA PROFESIONAL
1. Pregúntese porque quiere crear esta página. ¿Qué es lo que quiere que
transmita?
14
IT. CD. VALLES RESIDENCIA PROFESIONAL
Como colocar los cimientos. La mayoría de las páginas Web están divididas
en dos secciones: HEAD y BODY. En la sección HEAD es donde se define el título
de la página, se incluye información sobre su página para los motores de búsqueda,
se establece la ubicación de su página, se añade información avanzada de formato y
donde se escribe las secuencias de comandos.
3. Escriba </HEAD>.
15
IT. CD. VALLES RESIDENCIA PROFESIONAL
Además, los estilos le permiten controlar el texto que queda fuera del ámbito
de las etiquetas HTML. Puede ajustar el espacio entre líneas, el color de fondo y
eliminar el formateo de negritas y cursivas, entre otras cosas. También puede usar
estilos junto con JavaScript para crear efectos dinámicos conocidos como DHTML.
La mayor desventaja del uso de hojas de estilo es que ningún navegador las soporta
completamente. Netscape 4, en particular, no soporta muy bien las hojas de estilo.
(CASTRO, 2001)
Cada definición contiene una propiedad, los puntos, y uno o más valores. Las
hojas internas de estilo son ideales para páginas individuales con mucho texto.
Permiten crear, al principio de la página, el estilo que se usará a lo largo de un
documento HTML.
Las hojas de estilo externas son ideales para otorgar un aspecto común a
todas las páginas de un sitio web. En lugar de crear los estilos a partir de las hojas
de estilo internas individuales, es posible indicar a cada página que consulte la hoja
externa asegurando así que todas tengan los mismos ajustes. (CASTRO, 2001)
16
IT. CD. VALLES RESIDENCIA PROFESIONAL
4.6 Dreamweaver
Ventajas:
Desventajas:
4.7 PHP
PHP se ejecuta en el servidor, por eso nos permite acceder a los recursos que
tenga el servidor como por ejemplo podría ser una base de datos. El programa PHP
es ejecutado en el servidor y el resultado enviado al navegador. El resultado es
normalmente una Portal HTML pero igualmente podría ser una página WML.
18
IT. CD. VALLES RESIDENCIA PROFESIONAL
4.8 MySQL
19
IT. CD. VALLES RESIDENCIA PROFESIONAL
¿Es rápida la conexión a internet? Esto determinará la rapidez con que sus
páginas se ofrecerán a sus visitantes. ¿Cuentan con conexiones múltiples
para el caso en que una de ellas no funcione?
20
IT. CD. VALLES RESIDENCIA PROFESIONAL
Hosting en la Web que lo establezca para usted. Podría pedirle una tarifa
estándar (unas 25.000 pesetas por un dominio .es). Los demás dominios son
más baratos y rondan las 6.000 pesetas. (CASTRO, 2001)
21
IT. CD. VALLES RESIDENCIA PROFESIONAL
Proceso.
Métodos.
22
IT. CD. VALLES RESIDENCIA PROFESIONAL
Herramientas y tecnología.
23
IT. CD. VALLES RESIDENCIA PROFESIONAL
24
IT. CD. VALLES RESIDENCIA PROFESIONAL
25
IT. CD. VALLES RESIDENCIA PROFESIONAL
a. Recopilación de requisitos.
Los casos de uso describen como interactuará con la WebApp una categoría
de usuario específica (llamada actor) para lograr una acción específica. La acción
puede ser tan simple como adquirir contenido definido, o tan compleja como el
usuario realice un análisis detallado de registros seleccionado que se mantiene en
una base de daros en línea.
27
IT. CD. VALLES RESIDENCIA PROFESIONAL
28
IT. CD. VALLES RESIDENCIA PROFESIONAL
29
IT. CD. VALLES RESIDENCIA PROFESIONAL
Casos de uso. Los casos de uso son el elemento dominante del modelo de
interacción para las WebApps.
30
IT. CD. VALLES RESIDENCIA PROFESIONAL
31
IT. CD. VALLES RESIDENCIA PROFESIONAL
Si la WebApp debe tener acceso a una gran base de datos o interoperar con
las aplicaciones corporativas existentes en el lado del servidor, se deben especificar
las interfaces apropiadas los protocolos de comunicación y la información
complementaria necesaria. El software del lado del cliente proporciona la
infraestructura que permite el acceso a la WebApp desde la ubicación del usuario.
(PRESSMAN, 2005)
32
IT. CD. VALLES RESIDENCIA PROFESIONAL
Durante la primera década del desarrollo web, la idea artística fue el enfoque
que eligieron muchos desarrolladores. El diseño ocurrió en una forma ad hoc y
usualmente está dirigido conforme se generaron el HTML. El diseño evolucionó de
una visión artística que en sí misma evolucionó conforme ocurrió la construcción de
la WebApp. (PRESSMAN, 2005)
33
IT. CD. VALLES RESIDENCIA PROFESIONAL
Características especiales
Fácil de corregir
Facilidad de
Adaptabilidad
mantenimiento
Extensibilidad
Metas de diseño.
35
IT. CD. VALLES RESIDENCIA PROFESIONAL
Diseño
de la
Interfaz
Diseño estético
Diseño de contenido
Diseño de navegación
Diseño arquitectónico
Diseño de componentes
36
IT. CD. VALLES RESIDENCIA PROFESIONAL
37
IT. CD. VALLES RESIDENCIA PROFESIONAL
Una vez que se han identificado las tareas del usuario, se crean y analizan sus
escenarios (casos de uso) para definir un conjunto de objetos y acciones de interfaz.
Las siguientes tareas representan un flujo de trabajo rudimentario para el diseño de
la interfaz WebApp.
39
IT. CD. VALLES RESIDENCIA PROFESIONAL
Está enlazado con las metas establecidas para la WebApp, el contenido que
se presentará, los usuarios que la visitarán y la filosofía de navegación que se
establezca. El diseño de la arquitectura de contenido se centra en la definición de la
estructura hipermedia global de la WebApp.
Estructuras lineales.
Estructuras en retícula.
Estructuras jerárquicas.
40
IT. CD. VALLES RESIDENCIA PROFESIONAL
Pestañas.
Patrones arquitectónicos.
41
IT. CD. VALLES RESIDENCIA PROFESIONAL
Patrones de navegación.
Patrones de presentación.
Dimensiones de calidad.
42
IT. CD. VALLES RESIDENCIA PROFESIONAL
Los procesos de prueba para ingeniería Web comienzan con pruebas que
ejercitan el contenido y la funcionalidad de la interfaz que es inmediatamente visible
para los usuarios finales. Conforme se realizan las pruebas, se ejercitan los aspectos
de la arquitectura de diseño y de navegación. (PRESSMAN, 2005)
Prueba de
contenido
U Prueba de
la interfaz
suari
o
Diseño Prueba de
de la navegación
interfaz
Diseño estético
Diseño de contenido
Prueba de
Diseño de navegación componentes
Diseño arquitectónico
Tecnología
Prueba de Prueba de
desempeño seguridad
43
IT. CD. VALLES RESIDENCIA PROFESIONAL
44
IT. CD. VALLES RESIDENCIA PROFESIONAL
Partición de equivalencia.
45
IT. CD. VALLES RESIDENCIA PROFESIONAL
5 ALCANCES Y LIMITACIONES
5.1 Alcances
5.2 Limitaciones
46
IT. CD. VALLES RESIDENCIA PROFESIONAL
6 PROBLEMAS A RESOLVER
1. Con la implementación del Portal se tendrá un control automatizado del
proceso Académico Administrativo de la Universidad Pedagógica Nacional
Unidad 242 a través de la Internet.
47
IT. CD. VALLES RESIDENCIA PROFESIONAL
7 DESARROLLO DE ACTIVIDADES
Para la realización de las siguientes actividades se tomó como referencia el
Lenguaje Unificado de Modelado mejor conocido como UML, que sirvió como base
para modelar algunos de los requisitos que se establecieron por el cliente durante la
etapa de planteamiento y formulación apoyado al mismo tiempo de la Ingeniería Web
(IWeb).
Versión 1
Versión 2
Versión 1
48
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Versión 1
Versión 2
Versión 1
49
IT. CD. VALLES RESIDENCIA PROFESIONAL
Un servidor.
Versión 2
50
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 1
Versión 2
Versión 1
Esta actividad se realizó con el fin de recopilar los requisitos que impone el
cliente: requisitos de contenido, requisitos funcionales, definición de las interacciones
que existen entre los diferentes usuarios y la aplicación, mediante las técnicas
mencionadas anteriormente y realizando diferentes tipos de modelados para tener
una idea clara de lo que se pretende desarrollar. (VER ANEXO 3)
Versión 2
51
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 1
Versión 2
7.3 Planificación
Versión 1
Capital actual disponible por parte de la Institución para cubrir los costes que
se generaron durante el desarrollo del proyecto (Factibilidad Económica).
52
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Versión 1
Versión 2
53
IT. CD. VALLES RESIDENCIA PROFESIONAL
7.4 Análisis
Versión 1
Versión 2
Versión 1
Los navegadores que se usarán para las pruebas de navegación del Portal de
la UPN Unidad 242 será: Mozilla FireFox e Internet Explorer por ser éstos unos de
los más comunes entre los usuarios. (VER ANEXO 6)
54
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Versión 1
Versión 2
Esta fase no requirió de nuevos análisis y por ende ajustes, ya que en las
etapas anteriores se especificaron cada uno de los usuarios y operaciones que éstos
ejecutarán.
Versión 1
Esto permitió tener una visión más amplia acerca de los objetos de contenido
con los que el usuario querrá trabajar. (VER ANEXO 8, 9 y 10)
55
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Versión 1
En esta etapa del análisis se incluyeron los componentes que forman parte de
la aplicación; es decir, imágenes, logotipos de la institución, fotografías, graficas, etc.,
así como también los atributos que los describen.
Versión 2
7.5 Ingeniería
Versión 1
En este proceso se aplicó la ingeniería que es una parte esencial que se llevó
a cabo para el desarrollo del Portal.
En esta apartado del diseño se establecieron los componentes con los que
está estructurado el Portal. (VER ANEXO 12)
56
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Versión 1
Versión 2
Versión 1
57
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Versión 1
En esta fase se diseñaron los objetos de contenido de los que está compuesto
el Portal; es decir se realizó la representación de la información dentro de un objeto
de contenido específico, así como de la descripción de sus componentes. (VER
ANEXO 15)
Versión 2
Versión 1
Versión 2
58
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 1
Versión 2
Versión 1
Versión 2
59
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 1
Versión 2
Versión 1
Se centran sobre las funciones del Portal, es decir se llevaron a cabo para
descubrir errores sobre éstas, teniendo, estrecha relación con las pruebas de
navegación y de contenido.
60
IT. CD. VALLES RESIDENCIA PROFESIONAL
Navegadores
Componente Mozilla Internet
Firefox Explorer
Inicio
Bienvenida
Convenios X X
Directorio X X
Documentos descargables X X
Unidades UPN
Carrera LIE
Carrera LEP
Carrera LEPEPMI
Admisión LIE
Admisión LEP
Admisión LEPEPMI
Servicios de Comedor
Sala de cómputo
Servicio Social
Servicios Culturales
Servicios Escolares
Publicaciones de Libros X X
Publicaciones de Convocatorias X X
Publicaciones de Revistas X X
Noticias UPN X X
Noticias Culturales X X
Noticias Varios X X
Mapa de sitio
Biblioteca
Correo electrónico
Páginas UPN
Quejas y sugerencias
Ilustración 7 Prueba de componentes
61
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Navegadores
Componente Mozilla Internet
Firefox Explorer
Inicio
Bienvenida
Convenios
Directorio
Documentos oficiales
Unidades UPN
Carrera Lic. Intervención Educativa
Carrera Lic. Educación
Carrera Lic. Educación Preescolar
Admisión Requisitos LIE
Admisión Requisitos LEP
Admisión Requisitos LEPEPMI
Servicios Escolares
Sala de Cómputo
Servicio Social
Servicios Culturales
Servicio de Cafetería
Publicación de Libros
Publicación de Revistas
Publicación de Convocatorias
Noticias Locales
Noticias Escolares
Noticias Culturales
Continúa en la siguiente página
62
IT. CD. VALLES RESIDENCIA PROFESIONAL
…Continúa
Noticias Varios
Mapa de sitio
Biblioteca
Correo electrónico
Páginas UPN
Quejas y sugerencias
Consulta de Calificaciones
Boleta de Calificaciones
Galería de fotos
Ilustración 8 Prueba de componentes versión 2
Versión 1
Se llevó a cabo para verificar que todos las opciones que permiten navegar al
usuario final del Portal de la UPN 242 a través de éste, es decir que se encuentre
trabajando correctamente. Los mecanismos de navegación se probaron para
asegurar que cada uno realice la función que debe hacer.
Navegadores
Navegación Mozilla Internet
Firefox Explorer
Inicio
Bienvenida
Convenios X X
Directorio X X
Documentos descargables X X
Unidades UPN
Carrera LIE
Carrera LEP
Carrera LEPEPMI
Continúa en la siguiente página
63
IT. CD. VALLES RESIDENCIA PROFESIONAL
…Continúa
Admisión LIE
Admisión LEP
Admisión LEPEPMI
Servicios de Comedor
Sala de cómputo
Servicio Social
Servicios Culturales
Servicios Escolares
Publicaciones de Libros X X
Publicaciones de Convocatorias X X
Publicaciones de Revistas X X
Noticias UPN X X
Noticias Culturales X X
Noticias Varios X X
Mapa de sitio
Biblioteca
Correo electrónico
Páginas UPN
Quejas y sugerencias
Ilustración 9 Prueba de navegación
64
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 2
Navegadores
Navegación Mozilla Internet
Firefox Explorer
Inicio
Bienvenida
Convenios
Directorio
Documentos oficiales
Unidades UPN
Carrera Lic. Intervención Educativa
Carrera Lic. Educación
Carrera Lic. Educación Preescolar
Admisión Requisitos LIE
Admisión Requisitos LEP
Admisión Requisitos LEPEPMI
Servicios Escolares
Sala de Cómputo
Servicio Social
Servicios Culturales
Servicio de Cafetería
Publicación de Libros
Publicación de Revistas
Publicación de Convocatorias
Noticias Locales
Noticias Escolares
Noticias Culturales
Noticias Varios
Continúa en la siguiente página
65
IT. CD. VALLES RESIDENCIA PROFESIONAL
…Continúa
Mapa de sitio
Biblioteca
Correo electrónico
Páginas UPN
Quejas y sugerencias
Consulta de Calificaciones
Boleta de Calificaciones
Galería de fotos
Ilustración 10 Prueba navegación versión 2
Versión 1
Versión 2
66
IT. CD. VALLES RESIDENCIA PROFESIONAL
Versión 1
Versión 2
Versión 1
Versión 2
67
IT. CD. VALLES RESIDENCIA PROFESIONAL
7.8 Implementación
Versión 1
Versión 2
PHP 5
Apache 2
Postgresql 8.3
WINDOWS LINUX
Instalación: Instalación:
La instalación es mínimamente No resulta sencillo siempre,
configurable aunque es muy pero permite personalizar
sencillo. totalmente los paquetes que
se quieran instalar.
Software: Software:
68
IT. CD. VALLES RESIDENCIA PROFESIONAL
Robustez:
Robustez:
69
IT. CD. VALLES RESIDENCIA PROFESIONAL
POSTGRESQL MYSQL
número de CPUs y a la
cantidad de memoria que
posee el sistema de forma
óptima, haciéndole capaz de
soportar una mayor cantidad
de peticiones simultáneas de
manera correcta (en algunos
benchmarks se dice que ha
llegado a soportar el triple de
carga de lo que soporta
MySQL).
70
IT. CD. VALLES RESIDENCIA PROFESIONAL
7.8.2 Webhosting
Versión 1
Versión 2
71
IT. CD. VALLES RESIDENCIA PROFESIONAL
8 RESULTADOS
Los resultados que se obtuvieron en el Desarrollo e Implementación del
proyecto son los siguientes:
Otra herramienta del que se hizo uso para el diseño del botones,
encabezados, subtítulos de cada página, etc., fue CorelDRAW 12.
72
IT. CD. VALLES RESIDENCIA PROFESIONAL
9 CONCLUSIONES Y RECOMENDACIONES
Al llevar a cabo la realización de proyecto para la Universidad Pedagógica
Nacional Unidad 242 se llego a lo siguiente:
9.1 Conclusiones
El desarrollo del Portal siguió las fases de desarrollo del modelo IWeb
conocido como modelo de ingeniería Web.
Se llevaron a cabo las gestiones ante Nic México para la adquisición del .edu
así como el hospedaje en el servidor de Teléfonos de México.
73
IT. CD. VALLES RESIDENCIA PROFESIONAL
9.2 Recomendaciones
74
IT. CD. VALLES RESIDENCIA PROFESIONAL
10 BIBLIOGRAFÍA
CASTRO, Elizabeth. HTML 4, cuarta edición., Prentice Hall, PAG. 16
DUBOIS, Paul. MySQL Prentice Hall, Madrid, 2001, pp. 5-48, 383-412, 535-
552
MORRIS, Brouce. HTML avanzado herramientas y trucos para hacer una Web
de primera, Microsoft press, México, 1997, pp. 81-82,522-529
75
IT. CD. VALLES RESIDENCIA PROFESIONAL
11 GLOSARIO
ARQUITECTURA: Conjunto de elementos de programación adecuadamente
estructurados dentro de un sistema, con el fin de crear una programación lógica y
fiable para el diseño de aplicaciones.
BROWSER: Programa utilizado para visualizar las páginas web. Los más
utilizados son el Internet Explorer y Netscape.
CSS: Son plantillas que se pueden utilizar para crear documentos HTML y dar
formato a los textos que se presenten en pantalla.
76
IT. CD. VALLES RESIDENCIA PROFESIONAL
77
IT. CD. VALLES RESIDENCIA PROFESIONAL
78
IT. CD. VALLES RESIDENCIA PROFESIONAL
WEB: El término se utiliza para definir el universo del World Wide Web, los
sitios, la información y los servicios de la “telaraña”.
WWW: Siglas que corresponden a la frase en inglés World Wide Web y que se
refiere al principal servicio de Internet por medio del cual se agrupan los distintos
sitios o páginas electrónicas.
79
IT. CD. VALLES RESIDENCIA PROFESIONAL
12 ANEXOS
80
IT. CD. VALLES RESIDENCIA PROFESIONAL
TÈCNICO.
En lo que a este estudio se refiere, la Universidad Pedagógica Nacional
Unidad 242 cubrió las necesidades y/o requerimientos para el desglose de las
actividades de diseño, el desarrollo e implementación del Portal dentro de ésta
institución como lo son:
81
IT. CD. VALLES RESIDENCIA PROFESIONAL
UPN REQUERIDO
Cuenta con 15 1 servidor con las
computadoras de siguientes características:
las cuales cada una tiene
por especificaciones
técnicas del CPU:
Sistema: Microsoft Windows Sistema: Sistema
XP Profesional operativo Linux
Versión 2002
Pentium 4 HP ML 110G5
CPU 2.40 GHz Intel E2 160 1.8
Equipo: 80 GB en disco Equipo: GHz, 1GB RAM
duro RED DVD ROM
256 MB de RAM
Monitor Monitor
Teclado Teclado
Mouse Mouse
82
IT. CD. VALLES RESIDENCIA PROFESIONAL
PHP
MySQL
Dichos lenguajes fueron facilitados por la Universidad Pedagógica Nacional
Unidad 242 para la elaboración de la Pagina Web.
Implementación:
La institución ya cuenta con Internet inalámbrico Prodigy Infinitum, que es
el requerimiento indispensable para poner en marcha el Portal, pero este
servicio contiene limitantes que no satisfacen las necesidades de la institu-
ción, es por esto que se opto por la adquisición de un servicio de Hosting
que ofrece a la UPN mayores beneficios que costo.
Y en lo que al servidor se refiere la UPN adquirió un servidor con las carac-
terísticas establecidas.
83
IT. CD. VALLES RESIDENCIA PROFESIONAL
OPERATIVA.
ECONÓMICA.
Este estudio consistió en el desglose de las actividades que se generaron
durante el desarrollo del proyecto, además se describieron los costos que arrojaron
cada actividad durante su proceso.
84
IT. CD. VALLES RESIDENCIA PROFESIONAL
85
IT. CD. VALLES RESIDENCIA PROFESIONAL
86
IT. CD. VALLES RESIDENCIA PROFESIONAL
LEGAL
La seguridad Informática debe vigilar principalmente las propiedades de
Privacidad, Integridad de datos y/o programas, así como la disponibilidad de los
mismos en un ambiente dado.
87
IT. CD. VALLES RESIDENCIA PROFESIONAL
ANEXO 3. ENTREVISTA
VERSIÓN 1
1. ¿Cuáles son las principales necesidades de la UPN Unidad 242 para querer
implementar un Portal?
Dar a conocer la Universidad Pedagógica Nacional de Cd. Valles vía medios_
de comunicación como lo es la Internet._______________________________
2. ¿Quién es la persona que solicita la creación del Portal y que puesto funge en
la institución?
Mtro. Daniel Cruz Laureano, director de la Institución____________________
4. ¿Cuáles son las metas que se deben de cumplir con la implementación del
Portal?
Mantener informado al alumnado sobre el proceso administrativo y eventos de
la misma._______________________________________________________
88
IT. CD. VALLES RESIDENCIA PROFESIONAL
11. ¿La UPN Unidad 242, está dispuesta a cubrir los gastos que se requieran para
el desarrollo e implementación de la página Web?
Sí_____________________________________________________________
12. ¿Alguna otra persona o algún departamento de la institución que podría pro-
porcionar información adicional?
Sí, el departamento de servicios escolares, administrativo y docencia_______
89
IT. CD. VALLES RESIDENCIA PROFESIONAL
90
IT. CD. VALLES RESIDENCIA PROFESIONAL
91
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
92
IT. CD. VALLES RESIDENCIA PROFESIONAL
1. ¿Qué información debe ser más fácil de alcanzar respecto a otros elementos
de la página? ¿y en qué orden se deben presentar?
93
IT. CD. VALLES RESIDENCIA PROFESIONAL
Mozilla FireFox. Se está consolidando poco a poco como uno de los mejores
navegadores del mercado y un poderoso competidor del omnipresente Inter-
net Explorer. Una de las ventajas más sobresalientes es la navegación por
pestañas que consiste en abrir pequeñas pestañas dentro del mismo navega-
dor para navegar sin tener que abrir tantas ventanas, es como abrir muchos
archivos de Flash al mismo tiempo, pero más coherente. Firefox ha avanzado
muchísimo en lo que a usabilidad se refiere, es muy intuitivo y para los usua-
rios fanáticos de Internet Explorer les resultara muy fácil migrar a él.
94
IT. CD. VALLES RESIDENCIA PROFESIONAL
Estos navegadores son los más comúnmente usados por los usuarios por lo
tanto son los que se tomaron para la mejora de la calidad del Portal. El ambiente del
sistema operativo es Linux para el servidor, ya que al trabajar en este ambiente de
sistema es más seguro el alojamiento de la página en cuanto a seguridad de datos,
es decir los datos no están propensos a los diferentes tipos de virus que circulan por
la red.
95
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 1
Página de
Bienvenida
Asigna
categoría Consultar
Catálogo Convocatorias
bibliográfico
Usuario
docente
Información de
calificaciones
Avisos
Cerrar
sesión
96
IT. CD. VALLES RESIDENCIA PROFESIONAL
JERARQUIA DE USUARIOS
USUARIO DE
UPN242Valles.edu
VISITANTE ADMINISTRADOR
DEL SITIO
97
IT. CD. VALLES RESIDENCIA PROFESIONAL
CASO DE USO
PARA EL ADMINISTRADOR
Actualizar
Base de datos
Inspeccionar
USUARIO
contenido
ADMINISTRADOR
general
Actualizar contenido
de la página
Inspeccionar
contenido
general
Realizar avisos
Usuario docente
Ingresar a interfaz de
Capturar Calificaciones
captura de calificaciones
Consultar catalogo
bibliográfico
98
IT. CD. VALLES RESIDENCIA PROFESIONAL
El caso de uso docente, muestra las actividades que realiza este tipo de
usuario, es decir el docente que labora en esta institución.
Inspeccionar Contestar
contenido test
Accesar
USUARIO a página
ALUMNO UPN242
Ingresar a Ingresar
Desplegar
servicios número de
boleta
escolares control
99
IT. CD. VALLES RESIDENCIA PROFESIONAL
Inspeccionar Contestar
contenido test
Visualizar
carreras
que ofrece
Accesar
USUARIO a página
EXTERNO UPN242 Visualizar
requisitos de
admisión
Biblioteca
Servicios
de la UPN242
Otros
En el caso del usuario externo está dirigido a cualquier tipo de persona que
esté dispuesto a visitar el Portal de la Universidad Pedagógica Nacional Unidad 242.
100
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
Usuario
alumno
Página UPN 242 Interfaz de servicios Base de datos Interfaz de
Navegador Valles escolares calif_alumnos Servidor Password calificaciones
Introduce
URL
Se envía URL
Mostrar petición
Visualizar contenido
Envía datos
Muestra información
101
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
Usuario Administrador
Teclea URL
Envía URL
Envía menú
Solicta id
Valida id
Envía el contenido
Envía información
Envía actualizaciones
102
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
Autor
Imágenes
Nombre del
Logotipo libro
Componentes UPN Catálogo de
estructurales libros
Editorial
Fotos
Año de edición
Bienvenida
Nombre Quien lo
publica
Fecha
Eventos A quien va
Académicos dirigido
Lugar Convocatorias
Nombre de la
Hora convocatoria
Fecha
103
IT. CD. VALLES RESIDENCIA PROFESIONAL
¿Qué es la UPN?
Admisión
¿Qué estudiar en la UPN?
Licenciaturas
Licenciaturas Especialidades Maestria
Mostrar ()
Mostrar () Mostrar () Mostrar () Cerrar ()
Cerrar () Cerrar () Cerrar () Regresar ()
Regresar () Regresar () Regresar ()
Servicios
Publicaciones
Libros Revistas Convocatorias
104
IT. CD. VALLES RESIDENCIA PROFESIONAL
Noticias UPN
105
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
106
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
INICIO
Mapa de
sitio
¿Qué es la
UPN? Buzón de
quejas y
sugerencias
Áreas Noticias
Carreras Admisión
académicas UPN
Correos
Biblioteca
electrónicos
Documentos Publicaciones
Unidades UPN Quejas Sugerencias
Bienvenida
UPN descargables Licenciaturas
Noticias Noticias
Servicios culturales Correos Direcciones
escolares
maestros UPN
Directorio Convenios Licenciaturas Maestrías
Noticias Catálogo
varios bibliográfico
Comedor
Servicios Servicios
Libros Revistas
culturales escolares
Servicio
social Sala de
cómputo Convocatorias
107
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
Bienvenida
Mostrar ()
Cerrar ()
Regresar ()
Descripción de
componente
Botoneslinks
Color texto
Estilo fuente
Tamaño texto
Alineación texto
Posición botón
Tamaño botón
Color fondo
108
IT. CD. VALLES RESIDENCIA PROFESIONAL
Directorio
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
UnidadesUPN
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
109
IT. CD. VALLES RESIDENCIA PROFESIONAL
Licenciaturas
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Maestrías
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
110
IT. CD. VALLES RESIDENCIA PROFESIONAL
Servicodecomedor
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotografíaservicio
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
AdmisiónLicenciaturas
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
111
IT. CD. VALLES RESIDENCIA PROFESIONAL
Saladecómputo
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotografíaservicio
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
Serviciosculturales
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotografíaservicio
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
112
IT. CD. VALLES RESIDENCIA PROFESIONAL
Interfazdeacceso
Descripciónde-
componente
Mostrar ()
Serviciosescolares Consultar ()
Regresar ()
Cerrar ()
Mostrar ()
Consultar () Botones
Cerrar () Color texto
Texto
Regresar () Estilo fuente
Color texto
Tamaño texto
Estilo fuente
Alineación texto
Espaciado líneas
Posición botón
Tamaño texto
Descripciónde- Tamaño botón
Color fondo
componente Color fondo
Fotografía
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
113
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 1
ALUMNO CARRERA
PK matricula PK clavecarrera
apellidopat nombrecarrera
apellidomat plan
nombre FK1 clavemateria
nivel
FK1 clavecarrera
FK3 clavemateria
ASESORES
PK claveasesor
apellidopatase
apellidomatase
MATERIAS nombreasesor
PK clavemateria clavemateria
FK1 clavecarrera
nombremateria
clavecarrera
creditos
FK1 clavecarrera
FK2 matricula
CALIFICACIONES
FK1 matricula
calificacion
observacion
periodo
tipo
FK2 clavemateria
114
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSIÓN 1
LOGOTIPO
LOGOTIPO
DE LA UPN
UNIVERSIDAD PEDAGÓGICA NACIONAL UNIDAD 242 DE LA
SEGEST
¿QUE ES LA UPN? CARRERAS ADMISION SERVICIOS AREAS ACADÉMICAS PUBLICACIONES NOTICIAS UPN
GRÁFICO
MAPA DEL
SITIO
GRÁFICO
GRAFICO
BIBLIOTECA
CORREOS GÁFICO
ELECTRO-
NICOS
BUZON DE
QUEJAS Y TEST DE
SUGEREN-
CIAS
MEJORA
DEL
PORTAL
115
IT. CD. VALLES RESIDENCIA PROFESIONAL
116
IT. CD. VALLES RESIDENCIA PROFESIONAL
117
IT. CD. VALLES RESIDENCIA PROFESIONAL
118
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 2
UPN 242
Admisión
Carreras
Licenciaturas
Licenciaturas Maestria
Mostrar ()
Mostrar () Mostrar () Cerrar ()
Cerrar () Cerrar () Regresar ()
Regresar () Regresar ()
Servicios
Publicaciones
Libros Revistas Convocatorias
119
IT. CD. VALLES RESIDENCIA PROFESIONAL
Noticias UPN
Buzón de Quejas
y Sugerencias
Mapa de sitio
Quejas y
Sugerencias Ubicación
Nombre
Fecha h
Comentario
Depto. dirigido Mostrar ()
Cerrar ()
Mostrar () Regresar ()
Cerrar ()
Regresar ()
120
IT. CD. VALLES RESIDENCIA PROFESIONAL
Consulta y Registro
de Calificaciones
Boleta de
Calificaciones
Interfaz del Interfaz del
Administrador Alumno
Mostrar ()
Cerrar ()
Mostrar () Mostrar () Regresar ()
Cerrar () Cerrar ()
Regresar () Regresar ()
Cubo de
Fotos
Cubo fotográfico
Mostrar ()
Cerrar ()
Regresar ()
121
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 2
CONSULTA Y
CORREOS BUZON DE QUEJAS REGISTRO DE
ELECTRÓNICOS Y SUGERENCIAS CALIFICACIONES
Correos-Docentes Quejas y sugerencias Interfaz de acceso del
Direcciones UPN’s alumno y
administrador.
Boleta de
calificaciones.
GALERÍA Interfaz de ingreso de
FOTOGRÁFICA calificaciones.
Cubo fotográfico
122
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION2
Galería Cubo
INICIO fotográfico
fotográfica
Consulta y
registro de
calificacion
Boleta de
calificacion
es
Mapa de
UPN 242 sitio
Ingreso de
calificacion
Noticias Buzón de es
Carreras Admisión quejas y
UPN
Correos sugerencias
Biblioteca
electrónicos
Publicaciones
Interfaz de
Documentos acceso
Unidades
Bienvenida oficiales alumn-
UPN Licenciaturas administrad
or
Noticias
escolares Noticias
Servicios culturales Correos Direcciones
maestros UPN
Directorio Convenios Licenciaturas Maestrías
Noticias
varios
Catálogo
bibliográfico Quejas y
sugerencias
Cafetería
Servicios Servicios Noticias
Libros Revistas
culturales escolares locales
Servicio
social Sala de
cómputo Convocatorias
123
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 2
Bienvenida
Mostrar ()
Cerrar ()
Regresar ()
Descripción de
componente
Botoneslinks
Color texto
Estilo fuente
Tamaño texto
Alineación texto
Posición botón
Tamaño botón
Color fondo
124
IT. CD. VALLES RESIDENCIA PROFESIONAL
Directorio
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
UnidadesUPN
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
125
IT. CD. VALLES RESIDENCIA PROFESIONAL
Licenciaturas
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Maestrías
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
126
IT. CD. VALLES RESIDENCIA PROFESIONAL
Cafetería
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotografíaservicio
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
AdmisiónLicenciaturas
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
127
IT. CD. VALLES RESIDENCIA PROFESIONAL
Saladecómputo
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotografíaservicio
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
Serviciosculturales
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotografíaservicio
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
128
IT. CD. VALLES RESIDENCIA PROFESIONAL
Galería fotográfica
Mostrar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Fotos diversos
Estilo borde
Dimensión horizontal
Dimensión vertical
Posición fotografía
Interfaz de acceso
alumno-
administrador
Ingresar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
botonesacceso Logotipo
Color texto Posición logotipo
Estilo fuente Tamaño logotipo
Tamaño texto
Alineación texto
Posición botón
Tamaño botón
Color fondo
129
IT. CD. VALLES RESIDENCIA PROFESIONAL
Boleta de
calificaciones
Consultar ()
Cerrar ()
Regresar ()
Descripciónde-
componente
Botonconsulta Logotipo
Color texto Posición logotipo
Estilo fuente Tamaño logotipo
Tamaño texto
Alineación texto
Posición botón
Tamaño botón
Color fondo
Interfaz de ingreso
de calificaciones
Insertar ()
Guardar ()
Cerrar ()
Descripciónde-
componente
Botonguardar Logotipo
Color texto Posición logotipo
Estilo fuente Tamaño logotipo
Tamaño texto
Alineación texto
Posición botón
Tamaño botón
Color fondo
130
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 2
ALUMNO
CARRERA
PK matricula
PK clavecarrera
apellidopat
apellidomat nombrecarrera
nombre FK1 clavemateria
nivel
FK1 clavecarrera
FK3 clavemateria
ASESORES
MATERIAS
PK clavemateria
PK clavemateria
apellidopatase
nombremateria
apellidomatase
clavecarrera
nombreasesor
creditos
CALIFICACIONES
FK1 matricula
calificacion
observacion
periodo
tipo
FK2 clavemateria
promedio
131
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 2
132
IT. CD. VALLES RESIDENCIA PROFESIONAL
133
IT. CD. VALLES RESIDENCIA PROFESIONAL
VERSION 2
13 ÍNDICE DE ILUSTRACIONES
Ilustración 1. Organigrama de la UPN Unidad 242. ...............................................9
135
IT. CD. VALLES RESIDENCIA PROFESIONAL
ingeniería, ii, 24, 25, 27, 28, 29, 30, 31, 32, 37, 43, 46, 48,
14 INDICE ANALÍTICO
49, 61, 79
Internet, 1, 5, 6, 12, 13, 14, 15, 22, 23, 35, 51, 59, 64, 65,
A 66, 68, 70
Análisis, iv, v, 30, 32, 33, 35, 36, 48, 56, 57, 58, 59, 60, 81,
91 L
Apache, 73
Linux, 54, 73, 84, 88, 102
B M
BODY, 17, 18, 82
medición, 30, 126, 145
Métrica, 72
C Modelo, 21, 33, 34, 147
Componente, 65, 66 MySQL, ii, 22, 23, 54, 75, 81, 89, 147
Datos, 75
desarrollo, 1, 3, 4, 25, 26, 28, 29, 31, 37, 56, 57, 61, 72, O
79, 82, 87, 88, 90, 93, 95, 96, 101
Open Source, 22
Diseño, iii, v, 37, 40, 43, 44, 45, 61, 62, 63, 87, 91, 92
P
F
Portal, i, ii, 3, 4, 5, 6, 13, 14, 15, 18, 21, 50, 51, 52, 53, 54,
funcional, 34, 40, 59
55, 56, 58, 59, 60, 61, 62, 63, 64, 65, 66, 68, 69, 71,
72, 78, 79, 80, 87, 89, 90, 92, 93, 94, 95, 101, 102,
H 105, 106, 107, 108
HTML, ii, 12, 14, 16, 17, 18, 19, 20, 21, 26, 28, 37, 81, 82, Proceso, 3, 25
83, 88 Prueba, iii, iv, v, vi, 45, 47, 48, 49, 64, 65, 66, 68, 69, 71,
72, 92, 127, 128, 143, 144, 147
I
R
Implementación, vi, 73, 78, 87, 89
Requerimientos, 54, 91
136
IT. CD. VALLES RESIDENCIA PROFESIONAL
S UPN, 7, 8, 9, 10, 11, 50, 54, 59, 65, 66, 67, 68, 69, 70, 71,
76, 88, 89, 94, 95, 96, 98, 99, 100, 101, 103, 104, 106,
Servidor, 92 111, 112, 115, 117, 118, 125, 147
Sistema, 35, 54, 73 URL, ii, 15, 16, 24, 84
Sitio, ii, 12, 13, 16
Software, 19, 54, 73, 78 W
U Web, i, ii, 1, 5, 6, 12, 13, 15, 17, 19, 20, 23, 24, 25, 27, 28,
29, 30, 31, 32, 33, 40, 44, 45, 46, 48, 49, 52, 72, 79,
UML, 1, 32, 34, 52, 79, 84 80, 81, 82, 83, 85, 89, 90, 95, 147
www, 19, 20, 24
137