Desarrollo de Un Portal Con IWeb

DIRECCIN GENERAL DE EDUCACIN SUPERIOR TECNOLGICA INSTITUTO TECNOLGICO DE CD.
VALLES
RESIDENCIA PROFESIONAL
DESARROLLO DE UN PORTAL PARA LOS PROCESOS ACADMICOADMINISTRATIVOS DE LA UNIVERSIDAD PEDAGGICA NACIONAL UNIDAD 242 DE CIUDAD VALLES, S.L.P
LICENCIATURA EN INFORMTICA
GONZLEZ MEDINA KARINA GUADALUPE RONQUILLO FLORES NETTIE
04690399 04690349
ASESOR INTERNO: ING. ROSA IMELDA GARCIA CHI
ASESOR EXTERNO: C.PRIV. IRMA NORIEGA
IT. CD. VALLES.
INDICE
INTRODUCCIN .............................................................................................. 1 1 2 JUSTIFICACIN ......................................................................................... 2 OBJETIVOS ................................................................................................ 3 2.1 2.2 3 Objetivo general ................................................................................... 3 Objetivos especficos............................................................................ 3
CARACTERIZACIN DEL REA DONDE SE PARTICIP ....................... 4 3.1 3.2 3.3 3.4 3.5 3.6 Descripcin del rea de trabajo ............................................................ 4 Descripcin del rea de trabajo ............................................................ 5 Antecedentes de la empresa ................................................................ 6 Misin ................................................................................................... 8 Visin.................................................................................................... 8 Organigrama ........................................................................................ 9
FUNDAMENTO TERICO ....................................................................... 10 4.1 4.2 4.3 Internet y la web ................................................................................. 10 La World Wide Web............................................................................ 10 Qu es un Portal................................................................................. 11 i
IT. CD. VALLES.
4.4 4.5
Funciones y objetivos de un Portal ..................................................... 11 Bloque de construccin HTML ........................................................... 12
4.5.1 Los URL ........................................................................................ 13 4.5.2 Como Disear Su Sitio .................................................................. 14 4.5.3 Hojas de estilo............................................................................... 16 4.5.4 Herramientas HTML ...................................................................... 17 4.6 4.7 4.8 4.9 Dreamweaver ..................................................................................... 17 PHP .................................................................................................... 18 MySQL ............................................................................................... 19 Como publicar la pgina en la Web .................................................... 20
4.9.1 Como conseguir un dominio.......................................................... 21 4.10 Ingeniera web ................................................................................. 22
4.10.1 Estratos de la ingeniera web de WebApp .................................. 22 4.11 El proceso de la ingeniera Web ..................................................... 24
4.11.1 Definicin del marco de trabajo ................................................... 24 4.12 Formulacin y planeacin para IWeb .............................................. 25
4.12.1 Formulacin de sistemas en Web ............................................... 26
ii
IT. CD. VALLES.
4.12.2 Modelado de anlisis para aplicaciones web .............................. 28 4.12.3 Modelado de diseo para aplicaciones web ............................... 33 4.13 4.14 Pirmide de diseo IWeb ................................................................ 36 Diseo de la interfaz de la WebApp ................................................ 37
4.14.1 Principios y directrices del diseo de interfaz.............................. 37 4.14.2 Mecanismos de control de la interfaz .......................................... 37 4.14.3 Flujo de trabajo en el diseo de la interfaz .................................. 38 4.15 4.16 4.17 4.18 4.19 4.20 4.21 4.22 4.23 4.24 Diseo esttico................................................................................ 39 Diseo del contenido ....................................................................... 39 Diseo arquitectnico ...................................................................... 40 Diseo de navegacin ..................................................................... 40 Diseo a nivel de componentes ...................................................... 41 Prueba de conceptos para WebApp ............................................... 42 Prueba del contenido ...................................................................... 44 Prueba de la interfaz de usuario ..................................................... 44 Prueba al nivel de componentes ..................................................... 44 Prueba de navegacin .................................................................... 45
iii
IT. CD. VALLES.
4.25 5
Prueba de la configuracin.............................................................. 45
ALCANCES Y LIMITACIONES ................................................................. 46 5.1 5.2 Alcances ............................................................................................. 46 Limitaciones ....................................................................................... 46
6 7
PROBLEMAS A RESOLVER .................................................................... 47 DESARROLLO DE ACTIVIDADES ........................................................... 48 7.1 Planteamiento y Formulacin ............................................................. 48
7.1.1 Entrevista con el cliente ................................................................ 48 7.1.2 Identificacin de necesidades y requerimientos ............................ 48 7.2 Planteamiento y Formulacin ............................................................. 49
7.2.1 Entrevista con el cliente ................................................................ 49 7.2.2 Identificacin de necesidades y requerimientos ............................ 49 7.2.3 Determinar objetivos de la WebApp .............................................. 51 7.2.4 Recopilacin de requisitos ............................................................ 51 7.2.5 Establecer alcances y limitaciones................................................ 52 7.3 Planificacin ....................................................................................... 52
7.3.1 Anlisis de recursos y factibilidad ................................................. 52
iv
IT. CD. VALLES.
7.3.2 Anlisis de riesgos ........................................................................ 53 7.4 Anlisis ............................................................................................... 54
7.4.1 Anlisis Relacin-Navegacin ....................................................... 54 7.4.2 Anlisis de Configuracin .............................................................. 54 7.4.3 Anlisis Funcional ......................................................................... 55 7.4.4 Anlisis de Interaccin .................................................................. 55 7.4.5 Anlisis de Contenido ................................................................... 56 7.5 Ingeniera ........................................................................................... 56
7.5.1 Diseo de componentes ............................................................... 56 7.5.2 Diseo arquitectnico.................................................................... 57 7.5.3 Diseo de navegacin................................................................... 57 7.5.4 Diseo de contenido ..................................................................... 58 7.5.5 Diseo de las bases de datos ....................................................... 58 7.5.6 Diseo de la interfaz ..................................................................... 59 7.6 Generacin de pginas y pruebas ...................................................... 59
7.6.1 Prueba de configuracin ............................................................... 60 7.6.2 Prueba de componentes ............................................................... 60
IT. CD. VALLES.
7.6.3 Prueba de navegacin .................................................................. 63 7.6.4 Prueba de contenido ..................................................................... 66 7.6.5 Prueba de la interfaz ..................................................................... 67 7.7 Evaluacin del cliente ......................................................................... 67
7.7.1 Validacin del avance ................................................................... 67 7.8 Implementacin .................................................................................. 68
7.8.1 Configuracin del servidor ............................................................ 68 7.8.2 Webhosting ................................................................................... 71 8 9 RESULTADOS .......................................................................................... 72 CONCLUSIONES Y RECOMENDACIONES ............................................ 73 9.1 9.2 10 11 12 13 14 Conclusiones ...................................................................................... 73 Recomendaciones .............................................................................. 74 BIBLIOGRAFA ...................................................................................... 75 GLOSARIO ............................................................................................ 76 ANEXOS ................................................................................................ 80 NDICE DE ILUSTRACIONES ............................................................. 135 INDICE ANALTICO ............................................................................. 136
vi
IT.CD. VALLES.
INTRODUCCIN
Hoy en da, el Internet es un medio de comunicacin pblica, cooperativa y autosuficiente en trminos econmicos, accesible a cientos de millones de personas en el mundo entero. Fsicamente, el Internet usa parte del total de recursos actualmente existentes en las redes de telecomunicaciones. El componente ms usado en el Internet es definitivamente el Web. Un portal en internet representa un medio de comunicacin entre el usuario y la organizacin, lo que permite una mayor proyeccin. Un portal de Internet es un sitio web cuyo objetivo es ofrecer al usuario, de forma fcil e integrada, el acceso a una serie de recursos y de servicios, entre los que suelen encontrarse buscadores, foros, documentos, aplicaciones, compra electrnica, etc. Principalmente estn dirigidos a resolver necesidades especficas de un grupo de personas o de acceso a la informacin y servicios de una institucin pblica o privada. Este proyecto de residencia profesional describe el desarrollo de un portal para la Universidad Pedaggica Nacional Unidad 242 a travs del proceso de desarrollo de software orientado objetos utilizando el UML como lenguaje de modelado y aplicando las fases de desarrollo del modelo IWeb. En este documento se describe en el Fundamento terico lo referente a desarrollo de software Web, as mismo, en la seccin de actividades se refleja la aplicacin del modelo IWeb de manera detallada y en los anexos se representan todos los diagramas generados.
IT.CD. VALLES.
1 JUSTIFICACIN
La Universidad Pedaggica Nacional Unidad 242 de Ciudad Valles establece un compromiso con sus alumnos en la educacin y formacin, como su lema lo dice Educar para Transformar, sustentada en la calidad del Proceso Educativo que sta Institucin 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 razn se desarrolla un Portal para gestionar el proceso Acadmico-Administrativo. Al desarrollar el Portal para la Universidad, se tendr como finalidad la difusin de la informacin de las calificaciones, eventos acadmicos, as como el catlogo de bibliografa de la institucin; adems fungir como gestor administrativo del usuario (alumno o maestro). La importancia de tener un control en el proceso Acadmico-Administrativo de la Universidad Pedaggica Nacional Unidad 242 de Ciudad Valles sera una parte primordial en el desarrollo del Portal, por otra parte contendr el catalogo de los libros con los que cuenta la biblioteca de dicha Institucin, para que el usuario tenga conocimiento de la bibliografa disponible.
IT.CD. VALLES.
2 OBJETIVOS
2.1 Objetivo general
Desarrollar un Portal para los procesos acadmico-administrativos de la Universidad Pedaggica Nacional Unidad 242 de Ciudad Valles, para agilizar el informe de calificaciones, integrar los datos acadmicos y la difusin de la informacin entre la comunidad universitaria.
2.2 Objetivos especficos

Plantear y formular los objetivos que se alcanzarn a travs de la implementacin del Portal, as mismo delimitar el alcance de ste. Planificar las estimaciones enfocadas a los costos durante el desarrollo, adems de los riesgos y esfuerzos que se originarn. Analizar los requerimientos tcnicos, grficos y de contenido que se emplearn durante el desarrollo del Portal para la Universidad Pedaggica Nacional Unidad 242. Efectuar el diseo de contenido y produccin integrando a sta etapa: texto, grficas, videos, etc. Generar pginas y pruebas para evaluar si la informacin contenida se generar correctamente, aplicando pruebas de configuracin, componentes, navegacin, contenido y de interfaz.
IT.CD. VALLES.
3 CARACTERIZACIN DEL REA DONDE SE PARTICIP

3.1 Descripcin del rea de trabajo
La Universidad Pedaggica Nacional Unidad 242 en sus inicios el 30 de mayo de 1992 no contaba con un laboratorio de cmputo, lo que dificultaba las actividades del alumnado de dicha institucin, por lo que optaron por realizar una gran inversin con el nico fin de cubrir las necesidades que actualmente en esa fecha se presentaban, ya validado el proyecto se construy en la parte trasera de la institucin a un costado del departamento de servicios escolares un pequeo saln o rea para que ah se llevarn a cabo las actividades que ms demandaban los estudiantes. Actualmente esta rea con un total de 21 mquinas distribuidas
uniformemente adems instalaron Internet inalmbrico Prodigy Infinitum con 4MB de banda ancha para dar confort a los que ah se encuentran trabajando atendiendo las exigencias del alumnado, pero ahora surge una gran necesidad la cul consta de la implementacin de un Portal Web para Informar a la sociedad en general y al alumnado de la Universidad Pedaggica Nacional Unidad 242 de Ciudad Valles sobre los eventos y/o actividades de la Institucin, asimismo automatizar los procesos Acadmico-Administrativos mediante la implementacin de ste para la mejora del servicio del rea administrativa obteniendo como beneficios aumento en la demanda de poblacin estudiantil, incremento de los recursos econmicos e impulso hacia una mejor infraestructura, por consiguiente se pretende en un maana acarrear mayores bienes acrecentando el capital deseado por los directivos de la institucin acadmica.
IT.CD. VALLES.
3.2 Descripcin del rea de trabajo

La Universidad Pedaggica Nacional Unidad 242 en sus inicios el 30 de mayo de 1992 no contaba con un laboratorio de cmputo, lo que dificultaba las actividades del alumnado de dicha institucin, por lo que optaron por realizar una gran inversin con el nico fin de cubrir las necesidades que actualmente en esa fecha se presentaban, ya validado el proyecto se construy en la parte trasera de la institucin a un costado del departamento de servicios escolares un pequeo saln o rea para que ah se llevarn a cabo las actividades que ms demandaban los estudiantes, por lo que ahora ya cuenta con dicha rea de cmputo con un total de 21 mquinas distribuidas uniformemente adems instalaron Internet inalmbrico Prodigy Infinitum con 4MB de banda ancha para dar confort a los que ah se encuentran trabajando atendiendo las exigencias del alumnado, pero ahora surge una gran necesidad la cul consta de la implementacin de un Portal Web para Informar a la sociedad en general y al alumnado de la Universidad Pedaggica Nacional Unidad 242 de Ciudad Valles sobre los eventos y/o actividades de la Institucin, asimismo automatizar los procesos Acadmico-Administrativos mediante la implementacin de ste para la mejora del servicio del rea administrativa obteniendo como beneficios aumento en la demanda de poblacin estudiantil, incremento de los recursos econmicos e impulso hacia una mejor infraestructura, por consiguiente se pretende en un maana acarrear mayores bienes acrecentando el capital deseado por los directivos de la institucin acadmica.
IT.CD. VALLES.
3.3 Antecedentes de la empresa

Al principio en el mes de octubre de 1979, nace la Unidad UPN 242, en Ciudad Valles. Siendo gobernador en el Estado el Profr. y Lic. Carlos Jonguitud Barrios (1979-1985), quien fuera el cabecilla del grupo Vanguardia Revolucionaria del SNTE, quien a su vez, iniciar las gestiones para la creacin de la UPN, durante el gobierno de Jos Lpez Portillo, a nivel nacional. En sus inicios, la Unidad UPN 242 tuvo sus oficinas en el tercer nivel del edificio que se encuentra ubicado en la esquina de Abaslo y Carranza de la Zona Centro. Este edificio albergaba la oficina administrativa, y adems, dos pequeas instalaciones que servan para realizar reuniones de los asesores, as como para atender a los maestros-alumnos que lo solicitaban. Las gestiones iniciales para la creacin de la Unidad UPN 242, en esta ciudad, estuvo a cargo del Profr. Bonifacio Ramrez Olvera quien fuera el primer Director de sta Institucin Acadmica y estando como Jefa Enedina Mndez Montao. La instalacin de la Unidad UPN 242, estuvo mediada por una fuerte presin por parte de un grupo de Tamazunchale, quienes argumentaban que en ese lugar, exista un mayor nmero de maestros que podran ser beneficiados con esta nueva institucin. En octubre de 1989, asume la Direccin de la Unidad UPN 242, la Profra. Elba Lidia Lpez Jimnez, como Directora de la Unidad, las oficinas de stas se trasladaron al inmueble que actualmente ocupa, el cual se ubica en la calle Mozambique, Esquina con Damas. S/n, Fraccionamiento Valle Alto, 3a Seccin, en Ciudad Valles. Administrativa la Profra. Ma.
IT.CD. VALLES.
La construccin del edificio se inicio el 26 de febrero de 1982, siendo Gobernador del Estado el Lic. Carlos Jonguitud Barrios, quien fuese el responsable de poner la primera piedra. Las gestiones para la construccin de dicha obra estuvo a cargo de la Jefa Administrativa Profra. Ma. Enedina Mndez Montao, en apoyo a la Directora. Elba Lidia Lpez Jimnez, las cuales se realizaron frente al Director de la CAPFSE, Lic. Guillermo Fonseca lvarez. Cabe aclarar, que el proyecto de construccin estaba destinado al Estado de Michoacn, pero debido a la alta
inscripcin registrada por la apertura de la Licenciatura en Educacin Preescolar y Educacin Primaria, orientada al medio indgena, Plan 90 (LEPEPMI), el proyecto se traslad a esta ciudad. El 30 de mayo de 1992, se inaugur formalmente el edificio que hoy ocupa la UNIDAD UPN 242, fungiendo como Director el Mtro. Bernardo Guillermo Bravo Rodrguez (1991-1996). En ese periodo de administracin fungen como jefas administrativas, la Profra. Ana Rosa Garca Navarrete, la L.A.E. Ernestina Ramrez Lrraga, la Lic. Carmen de la Fuente y de la Rosa y, finalmente en abril de 1995, la C. Irma Noriega, quien sigue en el cargo hasta la fecha. En Noviembre de 1996, asume el cargo de Director de la Unidad UPN 242, EL Lic. Juan Bernardo Escamilla Hernndez, y quien se retira en Mayo de 2000, asumiendo el cargo como Director de la mencionada Unidad, desde entonces y hasta la fecha, el Mtro. Daniel Cruz Laureano.
IT.CD. VALLES.
3.4 Misin
La Universidad Pedaggica Nacional Unidad 242 tiene como misin: formar investigadores y profesionales de la educacin capaces de generar y aplicar conocimientos con una concepcin humanstica acorde con las necesidades nacionales, estatales, regionales y locales; as como disear, elaborar, producir y difundir materiales de la cultura pedaggica, realizar investigacin educativa y proporcionar servicios de intercambio acadmico con otras instituciones educativas pblicas o privadas y de la sociedad en general.
3.5 Visin
La Universidad Pedaggica Nacional Unidad 242 tiene como visin: ofrecer una propuesta de formacin educativa a los profesionales de la educacin de la regin huasteca y zona media del estado que les proporcione elementos cientficos, humansticos e innovadores que contribuyan al mejoramiento de sus prcticas educativas en todos sus niveles. (DIRECCIN ADMINISTRATIVA DE LA UPN)
IT. CD. VALLES
3.6 Organigrama
DIRECCIN MTRO. DANIEL CRUZ LAUREANO
SUBDIRECCIN ACADMICA MTRO. JUAN JOSE AMARO VARGAS
JEFATURA ADMINISTRATIVA IRMA NORIEGA
COMISIN DE TITULACIN MTRO. BLAS LARA BARRON
DEPENDENCIAS DE EDUCACIN SUPERIOR
PERSONAL ADMINISTRATIVO Y DE APOYO
SERVICIOS ESCOLARES MA. GRISELDA BARRA
CENTRO DE CMPUTO
LICENCIATURA EN EDUCACIN PARA EL MEDIO INDIGENA LICENCIATURA EN INTERVENCIN EDUCATIVA MTRO. RAYMUNDO AVALOS PEREZ (Coordinador) LICENCIATURA EN EDUCACIN MAESTRIA EN EDUCACIN, CAMPO FORMACIN DE DOCENTES Y PRCTICA PROFESIONAL. MTRO. JUAN JOS AMARO VARGAS (Coordinador)
SUBSEDE TAMAZUNCHALE, S.L.P PROFRA. ANGELINA HERNNDEZ MENDEZ COORDINADORA
SEDE CD. VALLES MTRO. BLAS LARA BARRN COORDINADOR
SUBSEDE RIOVERDE, S.L.P. PROFR. FELIPE MARTINEZ RIVERA COORDINADOR
FUENTE: DIRECCIN ADMINISTRATIVA DE LA UPN. Ilustracin 1. Organigrama de la UPN Unidad 242.
IT. CD. VALLES
4 FUNDAMENTO TERICO
4.1 Internet y la web
El Internet, algunas veces llamado simplemente "La Red", es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada pas del mundo, por medio del cual un usuario en cualquier computadora puede, en caso de contar con los permisos apropiados, accesar informacin de otra computadora y poder tener inclusive comunicacin directa con otros usuarios en otras computadoras. Hoy en da, el Internet es un medio de comunicacin pblica, cooperativa y autosuficiente en trminos econmicos, accesible a cientos de millones de personas en el mundo entero. Fsicamente, el Internet usa parte del total de recursos actualmente existentes en las redes de telecomunicaciones. Tcnicamente, lo que distingue al Internet es el uso del protocolo de comunicacin llamado TCP/IP (Transmission Control Protocol/Internet Protocol). El componente ms usado en el Internet es definitivamente el Web. Su caracterstica sobresaliente es el texto remarcado, un mtodo para referencias cruzadas instantneas. La exploracin en el Web se realiza por medio de un software especial denominado Browser o Explorador. La apariencia de un Sitio Web puede variar ligeramente dependiendo del explorador que use. (LEMAY, 1998)
4.2 La World Wide Web

WWW es un sistema hipermedia interactivo desarrollado sobre Internet. La idea de hipermedia es la de juntar texto, imgenes, audio y vdeo dentro de un mismo envoltorio llamado documento. WWW se asienta sobre el protocolo HTTP (Hyper Text Transfer Protocol) y sobre el lenguaje de definicin de documentos hipermedia HTML (HyperText Markup Language). 10
IT. CD. VALLES
El primer precedente del WWW se puede encontrar en un tratado escrito por Vannevar Bush titulado As We May Think, de 1954, en el que bsicamente animaba a los cientficos a hacer ms accesible a todo el mundo sus conocimientos y experiencia. En este tratado surgieron las nociones de hipertexto e hipermedia. As, WWW es el sistema de difusin del conocimiento ms importante que implementa estas nociones. (MORRIS, 1997) (MORRIS, 2006)
4.3 Qu es un Portal
Portal es un trmino, sinnimo de puente, para referirse a un Sitio Web que sirve o pretende servir como un sitio principal de partida para las personas que se conectan al World Wide Web. Son sitios que los usuarios tienden a visitar como sitios ancla. Los Portales tienen gran reconocimiento en Internet por el poder de influencia que tienen sobre grandes comunidades. Principalmente estn dirigidos a resolver necesidades especficas de un grupo de personas o de acceso a la informacin y servicios de una institucin pblica o privada. Un Sitio Web no alcanza el rango de Portal slo por tratarse de un sitio robusto o por contener informacin relevante. Un Portal es ms bien una plataforma de despegue para la navegacin en el Web.
(MORRIS, 1997) (PRESSMAN, 2007)
4.4 Funciones y objetivos de un Portal

El trmino Portal tiene como significado puerta grande, y precisamente su nombre hace referencia a su funcin u objetivo: punto de partida de un usuario que desea entrar y realizar bsquedas en la web u obtener informacin importante de l. Se puede decir que un Portal ofrece servicios para la navegacin en el internet, logrando incrementar la intensidad de trfico en el mismo.
11
IT. CD. VALLES
Un Portal de Internet puede ser un Centro de contenido intermediario entre compradores y vendedores de rubros especficos, estos se pueden complementar con herramientas que le ayuden a identificar empresas que satisfagan necesidades de un comprador, visualizar anuncios de vendedores, ofrecer cotizaciones, brindar correos electrnicos, motores de bsqueda, etc. El Portal es considerado un intermediario de informacin que tiene como fuente de ingreso la publicidad de empresas que ah se anuncian. (MORRIS, 1997)
4.5 Bloque de construccin HTML

Puede crear un documento en HTML con cualquier editor o procesador de textos entre los que se incluyen los ms bsicos Teach Text o SimpleText Packmak y el bloc de notas Wordpad para Windows; todos ellos se incluyen gratuitamente con un sistema operativo correspondiente. Tambin puede comprar un editor de pginas web, como PageMill o Dreamweaver. Etiquetas HTML. Las etiquetas HTML son comandos escritos entre los signos menor que (<) y mayor que (>), tambin llamados corchetes angulares, que indica cmo 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) Atributos. El atributo se introduce entre el nombre del comando y el smbolo > del final. Normalmente puede emplear una serie de atributos dentro de una misma etiqueta. Simplemente escriba uno tras otro (en cualquier orden) con un espacio entre ellos. (CASTRO, 2001)
12
IT. CD. VALLES
4.5.1 Los URL

El Localizador Uniforme de Recursos, o URL, es una forma imaginativa de decir direccin. Contiene informacin sobre donde se encuentra el archivo y sobre qu debe hacer un navegador con l. Cada archivo de Internet dispone de un URL nico. La primera parte de un URL se denomina esquema. Informa al navegador de cmo tratar con el archivo que va a abrir. Uno de los esquemas que vera es http (HipperText Transfer Protocol, Protocolo de Transferencia de HiperTexto). La segunda parte del URL es el nombre del servidor donde se encuentra ubicado el archivo, seguido por la ruta que conduce el archivo y del propio nombre del archivo. Otros esquemas habituales son: HTTPS, para pginas Web seguras, FTP (File Transfer Protocol, Protocolo de Transferencia de Archivos). 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 direccin completa de un domicilio, que incluye nombre, calle y nmero, ciudad, provincia, cdigo postal y pas. El URL absoluto no depende en s misma de la ubicacin 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 ubicacin del archivo deseado con relacin a la ubicacin del archivo que contiene el propio URL. Por tanto, podra 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 cuestin), es, simplemente, el nombre del archivo y la extensin. Para crear el URL de un archivo que se encuentra en un subdirectorio actual, slo es necesario el nombre del directorio seguido por una barra inclinada y el nombre del archivo y la extensin. (CASTRO, 2001) 13
IT. CD. VALLES
4.5.2 Como Disear Su Sitio

Aunque puede lanzarse directamente a escribir pginas HTML, es una buena idea empezar por pensar como debe ser su sitio y esbozar un diseo inicial. De esta forma, dispondr de un camino a seguir y se ahorrara tener que reorganizarlo con posterioridad. Para disear su sitio: 1. Pregntese porque quiere crear esta pgina. Qu es lo que quiere que transmita? 2. Piense en su audiencia. Cmo puede ajustar su contenido para atraer a esta audiencia? Por ejemplo, Debera aadir gran cantidad de grficos o es ms importante que su pgina se descargue rpidamente? 3. Cuntas pginas necesitar? Qu tipo de estructura le gustara que tuviera? Desea que sus visitantes avance por su sitio web en una direccin concreta o quiere que le sea fcil avanzar en cualquier direccin? 4. Esboce su sitio sobre el papel. 5. Idee un sistema simple y coherente para denominar a sus pginas, imgenes y otros archivos externos.
Para crear una pgina Web: 1. Abra cualquier editor o procesador de textos. 2. Elija Archivo, Nuevo, para crear un documento nuevo en blanco. 14
IT. CD. VALLES
3. Cree el contenido HTML. 4. Asegrese de guardar su archivo. (CASTRO, 2001)
Como colocar los cimientos. La mayora de las pginas Web estn divididas en dos secciones: HEAD y BODY. En la seccin HEAD es donde se define el ttulo de la pgina, se incluye informacin sobre su pgina para los motores de bsqueda, se establece la ubicacin de su pgina, se aade informacin avanzada de formato y donde se escribe las secuencias de comandos.
Para crear la seccin HEAD: 1. Directamente despus de la etiqueta HTML escriba <HEAD>. 2. Deje algo de espacio para el contenido de la seccin HEAD. 3. Escriba </HEAD>. La seccin BODY de su documento HTML encierra el contenido de su pgina web, la parte que sus visitantes vern, incluyendo el texto y los grficos.
Para crear la seccin BODY: 1. Detrs de la etiqueta final </HEAD>, escriba <BODY>. 2. Deje algo de espacio para los contenidos de su pgina web. 3. Escriba </BODY>. (CASTRO, 2001)
15
IT. CD. VALLES
4.5.3 Hojas de estilo

El lenguaje HTML fue originariamente desarrollado como sistema de codificacin universal que debera permitir a cualquiera ver las mismas pginas, con independencia de la plataforma que utilizar. HTML ofrece un formato estructural, pero no permite a los diseadores mucho control sobre la apariencia de la pgina. Las hojas de estilo en cascada, tambin conocidas como CSS, o simplemente estilo, permiten asignar de una vez varias propiedades a todos los elementos de una Portal marcados con una etiqueta en particular. Adems, los estilos le permiten controlar el texto que queda fuera del mbito de las etiquetas HTML. Puede ajustar el espacio entre lneas, el color de fondo y eliminar el formateo de negritas y cursivas, entre otras cosas. Tambin puede usar estilos junto con JavaScript para crear efectos dinmicos conocidos como DHTML. La mayor desventaja del uso de hojas de estilo es que ningn navegador las soporta completamente. Netscape 4, en particular, no soporta muy bien las hojas de estilo.
(CASTRO, 2001)
Cada definicin contiene una propiedad, los puntos, y uno o ms valores. Las hojas internas de estilo son ideales para pginas individuales con mucho texto. Permiten crear, al principio de la pgina, el estilo que se usar a lo largo de un documento HTML. Las hojas de estilo externas son ideales para otorgar un aspecto comn a todas las pginas de un sitio web. En lugar de crear los estilos a partir de las hojas de estilo internas individuales, es posible indicar a cada pgina que consulte la hoja externa asegurando as que todas tengan los mismos ajustes. (CASTRO, 2001)
16
IT. CD. VALLES
4.5.4 Herramientas HTML

Puede utilizar cualquier editor de textos para escribir HTML, incluyendo SimpleText o Teach Text sobre Macintosh, WordPad para Windows o para sistemas Unix.
Dreamweaver (M, W)
300$. Macromedia. Probablemente el ms popular editor entre los profesionales de la Web. 300$. Anteriormente GoLive CyberEstudio. El principal competidor de Dreamweaver.
http://www.macromedia.com/ Software/Dreamweaver; demo disponible.
Adobe GoLive (M, W)
http://www.adobe.com/prodindex /GoLive/main.html; demo disponible.
NetObjects Fusion (M, W)
300$. Net Objects editor http://www.netobjects.com/products WYSIWYG para /html/nof.html; demo disponible. webmasters profesionales. Ilustracin 2. Cuadro comparativo de herramientas.
4.6 Dreamweaver
Macromedia Dreamweaver: Este editor, programa para crear pginas Web, es tipo WYSIWYG creado por Macromedia (actualmente de Adobe Systems). Es la aplicacin de este tipo ms usada en el sector de diseo y programacin Web. Posee, como toda la lnea Macromedia/Adobe, excelentes funcionalidades e integracin con otras herramientas. Su xito data desde 1990 y en la actualidad capta el 90% del mercado de editores HTML. Ventajas: Permite muchas cosas. es muy flexible, sobre todo para el diseo. 17
IT. CD. VALLES
Tiene muchas opciones como botones flash, botones normales y formularios. Todas las herramientas se encuentras rpidamente. Desventajas: Las nuevas versiones no facilitan nada respecto a las anteriores. Se necesita dar de alta resolucin para manejar todas las barras. Falta implementacin de DHTML.
Su precio es considerable y carga muy lentamente. (SORIA, 1997)
4.7 PHP
El lenguaje PHP es un lenguaje de programacin de estilo clsico, con esto quiero decir que es un lenguaje de programacin con variables, sentencias condicionales, bucles, funciones, etc. PHP se ejecuta en el servidor, por eso nos permite acceder a los recursos que tenga el servidor como por ejemplo podra 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 podra ser una pgina WML.
Ilustracin 3. Modelo PHP.
18
IT. CD. VALLES
Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su navegador lo soporte, es independiente del navegador, pero sin embargo para que sus pginas PHP funcionen, el servidor donde estn alojadas debe soportar PHP. La ventaja que tiene PHP sobre otros lenguajes de programacin que se ejecutan en el servidor (como podran ser los script CGI Perl), es que nos permite intercalar las sentencias PHP en las paginas HTML. (ULLMAN, 2003)
4.8 MySQL
MySQL es un gestor de base de datos sencillo de usar y increblemente rpido. Tambin es uno de los motores de base de datos ms usados en Internet, la principal razn de esto es que es gratis para aplicaciones no comerciales. Las caractersticas principales de MySQL son: Es un gestor de base de datos. Una base de datos es un conjunto de datos y un gestor de base de datos es una aplicacin capaz de manejar este conjunto de datos de manera eficiente y cmoda. Es una base de datos relacional. Una base de datos relacional es un conjunto de datos que estn almacenados en tablas entre las cuales se establecen unas relaciones para manejar los datos de una forma eficiente y segura. Para usar y gestionar una base de datos relacional se usa el lenguaje estndar de programacin SQL. Es Open Source. El cdigo fuente de MySQL se puede descargar y est accesible a cualquiera, por otra parte, usa la licencia GPL para aplicaciones no comerciales.
19
IT. CD. VALLES
Es una base de datos muy rpida, segura y fcil de usar. Gracias a la colaboracin de muchos usuarios, la base de datos se ha ido mejorando optimizndose en velocidad. Por eso es una de las bases de datos ms usadas en Internet. MySQL (algunas veces referido como "monitor MySQL") es un programa interactivo que permite conectarnos a un servidor MySQL, ejecutar algunas consultas, y ver los resultados. MySQL puede ser usado tambin en modo batch: es decir, se pueden colocar toda una serie de consultas en un archivo, y posteriormente decirle a MySQL que ejecute dichas consultas. (ULLMAN, 2003)
4.9 Como publicar la pgina en la Web

Como conseguir un host para su web. A no ser que tenga su propio servidor, seguramente tendr que pagar a alguien para que acte como host de su sitio. Al considerar un host, hay un cierto nmero de cosas a tener en cuenta. Cunto espacio en disco necesitar para su sitio web? Ofrecen soporte tcnico? Si es as por telfono o por email? Cunto tiempo tardarn en responder? Registrarn para usted un nombre de dominio? Cunto le costar esto? Es rpida la conexin a internet? Esto determinar la rapidez con que sus pginas se ofrecern a sus visitantes. Cuentan con conexiones mltiples para el caso en que una de ellas no funcione? Incluyen acceso por marcacin telefnica a Internet? Lo incluirn si lo necesita usted?
20
IT. CD. VALLES
Le dejarn poner en marcha guiones CGI personalizados, Server Side Includes, extensiones FrontPage, RealAudio y otras funciones avanzadas? Hay por ello una tarifa extra?
Ofrecen un servicio de estadstica web para permitirle saber cunta gente ha
visitado su sitio? (CASTRO, 2001)
4.9.1 Como conseguir un dominio

Si no quiere que el nombre de su host web aparezca en el URL de su pgina web, puede registrar su propio nombre de dominio (por una tarifa) y luego pedirle a su compaa de host web que cree un dominio virtual en su servidor con su nombre de dominio. Suponga, por ejemplo, que sus Portales estn en el servidor ServidorWeb y que tiene registrado el dominio mi sitio: la direccin para acceder a sus pginas, a pesar de estar almacenadas realmente en ServidorWeb, ser www.misitio.com, lo que da a entender que las pginas estn en un servidor de su propiedad. Para conseguir su propio nombre de dominio: Dirija su navegador a www.nic.es y verifique si el dominio que quiere est disponible.
Cuando haya encontrado un nombre de dominio, pdale a su servicio de
Hosting en la Web que lo establezca para usted. Podra pedirle una tarifa estndar (unas 25.000 pesetas por un dominio .es). Los dems dominios son ms baratos y rondan las 6.000 pesetas. (CASTRO, 2001)
21
IT. CD. VALLES
4.10 Ingeniera web 4.10.1 Estratos de la ingeniera web de WebApp

El desarrollo de sistemas y aplicaciones basados en Web Incorpora modelos de proceso especializados, mtodos de la ingeniera del software adaptados a las caractersticas del desarrollo de WebApps y un conjunto de importantes tecnologas habilitadoras. (PRESSMAN, 2005)
Proceso. Los modelos de procesos IWeb adoptan las filosofas de desarrollo gil. El desarrollo gil enfatiza un enfoque de desarrollo riguroso que incorpora rpidos ciclos de desarrollo. An cundo rpidos ciclos de tiempo dominan la reflexin acerca del desarrollo, es importante reconocer que el problema todava debe analizarse, debe desarrollarse un diseo, la implementacin debe proceder en una forma incremental y se debe iniciar un enfoque organizado de prueba. (PRESSMAN, 2005)
Mtodos. El panorama de los mtodos de IWeb abarca un conjunto de labores tcnicas que permiten al ingeniero web comprender, caracterizar y luego construir una WebApp de alta calidad. Mtodos de comunicacin: Definen el enfoque con que se facilita la comunicacin entre ingenieros web y los dems participantes de la WebApp. Las tcnicas de comunicacin son particularmente importantes durante la recoleccin de requisitos y siempre que sea evaluado un incremento en la WebApp. 22
IT. CD. VALLES
Mtodos de anlisis de Requisitos: Proporcionan una base para comprender el contenido que entregar una WebApp, la funcin que proporcionar al usuario final y los modos de interaccin de cada clase de usuario requerir mientras ocurra la navegacin por medio de la WebApp. Mtodos de diseo: Abarcan una serie de tcnicas de diseo que abordan el contenido, la aplicacin y la arquitectura de informacin as como el diseo de interfaz y la estructura de navegacin de la WebApp.
Mtodos de prueba: Incorpora revisiones tcnicas formales tanto del
contenido y el modelo de diseo como de una amplia variedad de tcnicas de prueba que abordan conflictos a nivel de componente y arquitectnicos, pruebas de navegacin, pruebas de facilidad de uso, pruebas de seguridad y pruebas de configuracin. (PRESSMAN, 2005) Herramientas y tecnologa. A lo largo de la dcada pasada a evolucionado un amplio conjunto de herramientas y tecnologas conforme las WebApp se han vuelto ms complejas y extendidas. Dichas tecnologas abarcan un amplio conjunto de descripcin de contenido y lenguajes de modelacin (por ejemplo, HTML, VRML, XML), lenguajes de programacin, recursos de desarrollo basados en componentes, navegadores, herramientas multimedia, herramientas de autora de sitios, herramientas de conectividad de bases de datos, herramientas de seguridad, servidores y utilidades de servidor, y herramientas de administracin y anlisis de sitio. (PRESSMAN, 2005)
23
IT. CD. VALLES
4.11 El proceso de la ingeniera Web

Los atributos de los sistemas y aplicaciones basados en web tienen una profunda influencia sobre el proceso de ingeniera web que se elija. Sin la inmediatez y la evolucin continua son atributos principales de una WebApp, un equipo de ingeniera web debe elegir un modelo de proceso gil que produzca liberaciones de WebApp a un ritmo vertiginoso. La intensa naturaleza de las aplicaciones de la red en este dominio sugiere una diversa poblacin de usuarios y una arquitectura de aplicacin que puede ser altamente especializada. (PRESSMAN, 2005)
4.11.1 Definicin del marco de trabajo

La efectividad de cualquier proceso de ingeniera depende de su
adaptabilidad. Esto es, la organizacin del equipo de proyecto, los modos de comunicacin entre miembros del equipo, las actividades de ingeniera y las tareas que deben realizarse, la informacin que se recolecte y cree, y los mtodos empleados para producir el producto de alta calidad debe estar adaptados a la gente que realiza el trabajo, el plazo y las restricciones del proyecto, y al problema que se quiera resolver. Comunicacin con el cliente. Dentro del proceso IWeb, la comunicacin con el cliente se caracteriza por medio de dos grandes tareas: el anlisis del negocio y la formulacin. El anlisis del negocio define el contexto empresarial- administrativo para la WebApp. La formulacin es una actividad de recopilacin de requisitos que involucra todos los participantes. El intento es describir el problema que la WebApp habr de resolver con el aprovechamiento de la mejor informacin disponible.
24
IT. CD. VALLES
Planeacin. Se crea el plan del proyecto con el incremento de la WebApp. El plan consiste de una definicin de tareas y un calendario de clases respecto al periodo proyectado para el desarrollo del incremento de la WebApp. Modelado. Las labores convencionales de anlisis y diseo de ingeniera del software se adaptan al desarrollo de la WebApp., se mezclan y luego se funden en la actividad de modelado IWeb. Construccin. Las herramientas y la tecnologa IWeb se aplican para construir la WebApp que se ha modelado. Despliegue. La WebApp se configura para su ambiente operativo, se entrega a los usuarios finales y luego comienza un periodo de evaluacin. La retroalimentacin acerca de la evaluacin se presenta al equipo IWeb y incremento se modifica conforme se requiera. (PRESSMAN, 2005) el
4.12 Formulacin y planeacin para IWeb

A pesar de las declaraciones radicales de que la web representa un nuevo paradigma definido por reglas nuevas, los desarrolladores profesionales se estn dando cuenta de que las lecciones acerca del desarrollo de software, aprendidas en los das previos al internet todava se aplican. Las pginas Web son interfaces de usuario, la programacin HTML, es programacin, y las aplicaciones desplegables en el navegador son sistemas de software que pueden beneficiarse de los principios bsicos de la ingeniera Web. Entre los principios fundamentales de la ingeniera de software destaca el de: comprender el problema antes de comenzar a resolverlo, y estar seguro de que la solucin concebida es aquella que la gente realmente quiere. Esta es la base de la formulacin, la primera gran actividad en la ingeniera Web. (PRESSMAN, 2005)
25
IT. CD. VALLES
4.12.1 Formulacin de sistemas en Web

La formulacin de sistemas y aplicaciones basados en web representa una secuencia de acciones de ingeniera web que comienza con la identificacin de las necesidades del negocio, se mueve hacia la descripcin de los objetivos de la WebApp, define grandes caractersticas y funciones y realizan la recopilacin de requisitos que conduce al desarrollo de un modelo de anlisis. La formulacin permite que los clientes y el equipo de ingeniera web establezcan un conjunto comn de metas y objetivos para la construccin de la WebApp. La formulacin se enfoca sobre el gran cuadro: en las necesidades y objetivos del negocio y en la informacin relacionada. (PRESSMAN, 2005) a. Recopilacin de requisitos. Los mtodos para la recopilacin de requisitos, los objetivos globales de la recopilacin de requisitos propuestos para la ingeniera de software permanecen inalterados. Identificar requisitos de contenido. Identificar requisitos funcionales.
Definir
escenarios de interaccin para diferentes clases de usuarios.
(PRESSMAN, 2005)
b. Anlisis de la informacin recopilada. El objetivo es desarrollar listas de objetos de contenido, operaciones que se aplican a los objetos de contenido dentro de una transaccin de usuario especfica, funciones que la WebApp proporciona a los usuarios finales, y otros requisitos no funcionales que se advierten durante las actividades de comunicacin. (PRESSMAN,
2005)
26
IT. CD. VALLES
c. Desarrollo de casos de uso. Los casos de uso describen como interactuar con la WebApp una categora de usuario especfica (llamada actor) para lograr una accin especfica. La accin puede ser tan simple como adquirir contenido definido, o tan compleja como el usuario realice un anlisis detallado de registros seleccionado que se mantiene en una base de daros en lnea. Los casos de uso 1) ayudan al desarrollador a entender como perciben los usuarios su interaccin con la WebApp; 2) proporcionan el detalle necesario para crear un modelo de anlisis efectivo; 3) ayudan a dividir en compartimientos el trabajo de IWeb; y 4) ofrecen una gua importante para quienes deben probar la WebApp. (PRESSMAN, 2005) d. Medicin para web y WebApps. Los ingenieros web desarrollan sistemas complejos y, al igual que otros tecnlogos que realizan esta tarea, deben usar mediciones para mejorar el proceso de ingeniera web y el producto. La medicin de ingeniera Web, si se caracteriza de manera adecuada, podra lograr todos estos beneficios y tambin mejorar la facilidad de uso, el desempeo de la WebApp y la satisfaccin del usuario. En el contexto de ingeniera Web, las mediciones tienen tres metas principales: 1. Proporcionar un indicador de la calidad de la WebApp desde el punto de vista tecnolgico. 2. Proporcionar una base para la estimacin del esfuerzo. 3. Proporcionar una indicacin del xito de la WebApp desde el punto de vista empresarial. (PRESSMAN, 2005) 27
IT. CD. VALLES
4.12.2 Modelado de anlisis para aplicaciones web

Los sitios Web, por lo general, son complejos y enormemente dinmicos. Requieren fases de desarrollo cortas con la finalidad de tener listo el producto y ejecutarlo rpidamente. Con frecuencia, los desarrolladores van directo hacia la fase de codificacin sin comprender que estn tratando de construir o como quieren construirlo. La codificacin respecto del servidor con frecuencia se hace ad hoc, las tablas de bases de datos se agregan conforme se necesitan y la arquitectura evoluciona en una forma a veces no intencional. (PRESSMAN, 2005)
4.12.2.1 Requisitos para el anlisis de las WebApps

El anlisis de requisitos para las WebApps abarca tres grandes tareas: Formulacin, recopilacin de requisitos, y modelado de anlisis. Durante la formulacin se identifica la motivacin (metas) y los objetivos bsicos para la WebApp, y tambin se define las categoras de usuario. Los requisitos de contenido y funcionales se enlistan y se desarrollan los escenarios de interaccin (casos de uso) descritos desde el punto de vista del usuario final. La jerarqua de usuario. Las categoras de usuario finales que interactuarn con la WebApp se identifican como parte de las tareas de formulacin y de recopilacin de requisitos. En la mayora de los casos las categoras de usuario son relativamente limitadas y no necesitan de representacin UML. Desarrollo de casos de uso. Los casos de uso se desarrollan par cada categora de usuario descrita en la jerarqua de usuario. En el contexto de ingeniera Web, el caso de uso en s mismo es relativamente informal: un prrafo narrativo que describe una interaccin especfica entre un usuario y la WebApp. (PRESSMAN, 2005)
28
IT. CD. VALLES
4.12.2.2 El modelado de anlisis para WebApps

El modelado de anlisis para una WebApp se basa en la informacin que contienen los casos de uso desarrollados para la aplicacin. Las descripciones de los casos de uso se analizan gramaticalmente para identificar potenciales clases de anlisis y las operaciones y atributos asociados con cada clase. Se identifica el contenido que presentar la WebApp y se extraen las funciones que se desarrollarn a partir de las descripciones de caso de uso. Anlisis de contenido: Identifica todo el espectro del contenido que ofrecer la WebApp. El contenido incluye texto, grficas e imgenes, as como datos de video y audio. Anlisis de interaccin: describe como interacta el usuario con la WebApp. Anlisis de funciones: Define las operaciones que se aplicarn al contenido de la WebApp y describe otras funciones de procesamiento, independientes del contenido pero necesarias para el usuario final. Anlisis de configuracin: Describe el ambiente y la infraestructura en la que reside la WebApp. El modelo en s mismo contiene elementos estructurales y dinmicos. Los elementos estructurales identifican las clases de anlisis y los objetos de contenido que se requieren para crear una WebApp que satisfagan las necesidades de los clientes. (PRESSMAN, 2005)
29
IT. CD. VALLES
4.12.2.3 Modelo de contenido

Contiene elementos estructurales que proporcionan una importante visin de los requisitos de contenido para una WebApp. Dichos elementos estructurales incluyen objetos de contenido (por ejemplo: texto, imgenes, graficas, fotografas, imgenes de video, audio) que se presentan como parte de la WebApp. Adems, este modelo incluye todas las clases de anlisis: entidades visibles para el usuario que se crea o manipulan conforme ste interacta con la WebApp. Definicin de objetos de contenido. Las aplicaciones Web presentan informacin preexistente -llamada a contenido recursiva- a un usuario final. El tipo y forma de contenido abarca un amplio espectro de elaboracin y complejidad. El contenido puede desarrollarse antes de la implementacin de la WebApp, mientras que esta se construye mucho despus de que la WebApp se encuentra en operacin. Un objeto de contenido puede ser una descripcin textual de un producto, un artculo que describe un evento noticioso, una fotografa de accin tomada en un cotejo deportivo, etc. Los objetos de contenido se extraen de los casos de uso al examinar la descripcin del escenario para referencias directas e indirectas al contenido.
(PRESSMAN, 2005)
4.12.2.4 El modelo de interaccin

Lo componen cuatro elementos: 1) casos de uso, 2) diagramas de secuencia, 3) diagramas de estado, y 4) prototipo de interfaz de usuario. Casos de uso. Los casos de uso son el elemento dominante del modelo de interaccin para las WebApps.
30
IT. CD. VALLES
Diagrama de secuencia. Los diagramas de secuencia ofrecen una representacin abreviada de la forma en la cual las acciones del usuario (los elementos dinmicos de un sistema que definen los casos de uso) colaboran con las clases de anlisis (los elementos estructurales de un sistema que definen los diagramas de clase). Diagramas de estado. El diagrama de estado UML ofrece otra representacin del comportamiento dinmico que la WebApp conforme sucede una interaccin. Prototipo de la interfaz de usuario. La plantilla de la interfaz de usuario, el contenido que presenta, los mecanismos de interaccin que implementa y la esttica global de las conexiones usuario-WebApp, tienen mucho que ver con la satisfaccin del usuario y aceptacin global de la WebApp. (PRESSMAN, 2005)
4.12.2.5 Modelo funcional

Aborda dos elementos de procesamiento de la WebApp y cada uno representa un grado diferente de la abstraccin de procedimiento: 1. Funcionalidad observable respecto al usuario y que entrega al usuario final la WebApp, comprende cualesquiera funciones d procesamiento que el usuario inicia directamente. Dichas funciones en realidad puede
implementarse mediante operaciones dentro de las clases de anlisis pero desde el punto de vista del usuario final, la funcin es el resultado visible. 2. Las operaciones dentro de las clases de anlisis que implementan comportamientos asociados con la clase, dichas operaciones manipulan atributos de la clase y estn involucradas como clases que colaboran entre s para lograr algn comportamiento requerido. (PRESSMAN, 2005)
31
IT. CD. VALLES
4.12.2.6 El modelo de configuracin

Las WebApp se deben disear e implementar de forma que se acomoden a una diversidad de ambiente, tanto en lado del servidor como en clientes. La WebApp puede recibir en un servidor que proporcione acceso va Internet, una intranet o una extranet. Se deben especificar el hardware del servidor y el ambiente del Sistema Operativo. Adems, se deben considerar aspectos de interoperabilidad en el lado del servidor. 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 comunicacin y la informacin
complementaria necesaria. El software del lado del cliente proporciona la infraestructura que permite el acceso a la WebApp desde la ubicacin del usuario.
(PRESSMAN, 2005)
4.12.2.7 Anlisis relacin-navegacin

La navegacin no solo es la accin de saltar de pgina a pgina, sino la idea de moverse a travs de un espacio de informacin. El anlisis relacin-navegacin (ARN) proporciona una serie de pasos de anlisis que luchan por identificar relaciones entre los elementos descubiertos como parte de la creacin del modelo de anlisis: El ARN proporciona a los analistas de sistemas una tcnica sistemtica para determinar la estructura de relacin de una aplicacin, lo que les ayuda a descubrir las relaciones potencialmente tiles en los dominios de la aplicacin y que se pueden implementar como vnculos ms adelante. El enfoque ARN se organiza en 5 pasos:
32
IT. CD. VALLES
Anlisis de los participantes: identifica las diversas categoras de usuario y establece una apropiada jerarqua de participantes. Anlisis de elementos: identifica los objetos de contenido y los elementos funcionales de inters para los usuarios finales. Anlisis de relaciones: describe las relaciones entre los elementos WebApp. Anlisis de navegacin: examina como los usuarios pueden acceder a elementos individuales o grupos de elementos.
Anlisis de evaluacin: considera temas pragmticos (costo/beneficio)
asociados con la implementacin de la relacin definidas con anterioridad.

(PRESSMAN, 2005)
4.12.3 Modelado de diseo para aplicaciones web

Durante la primera dcada del desarrollo web, la idea artstica fue el enfoque que eligieron muchos desarrolladores. El diseo ocurri en una forma ad hoc y usualmente est dirigido conforme se generaron el HTML. El diseo evolucion de una visin artstica que en s misma evolucion conforme ocurri la construccin de la WebApp. (PRESSMAN, 2005) Diseo y calidad de una WebApp. a. Diseo es la actividad de ingeniera que conduce un producto de gran calidad. La percepcin del usuario de lo que esa bueno (y la resultante aceptacin o rechazo de la WebApp como consecuencia) puede ser ms importante que cualquier discusin tcnica de la calidad de la WebApp. Las caractersticas generales de la calidad de software ms relevantes son: facilidad de uso, funcionalidad, confiabilidad, eficiencia y facilidad de mantenimiento, que conduce a WebApps de gran calidad. (PRESSMAN, 2005) 33
IT. CD. VALLES
Comprensibilidad global del sitio
Fcil de uso
Caracterizacin de la interfaz y esttica Caractersticas especiales Capacidades de bsqueda y recuperacin Caractersticas de navegacin y visualizacin
Funcionalidad
Caractersticas de la aplicacin real.
Calidad de la aplicacin Web
Correcto procesamiento de vnculos
Confiabilidad
Recuperacin de errores Validacin y recuperacin de entrada de usuario
Desempeo en tiempo de respuesta
Eficiencia
Rapidez de generacin de Portal Rapidez de generacin de grficos
Fcil de corregir
Facilidad
de
Adaptabilidad Extensibilidad
mantenimiento
Ilustracin 4 rbol de requisitos de calidad
b. Seguridad. La medida clava de la seguridad es la habilidad de la WebApp y su ambiente de servidor de rechazar el acceso no autorizado e impedir un franco ataque malvolo. c. Disponibilidad. Es la medida del porcentaje del tiempo que una WebApp est disponible para usarla. d. Escalabilidad. Es la facilidad con que la WebApp y su ambiente de servidor pueden escalar para manejar 100, 1000, 10000 o 100000 usuarios. 34
IT. CD. VALLES
e. Tiempo en el mercado. La primera WebApp en el mercado usualmente captura un nmero desproporcionado de usuarios finales. (PRESSMAN, 2005) Metas de diseo. a. Simplicidad. Existe una tendencia entre algunos diseadores a
proporcionar al usuario final demasiado: exhaustivo, efectos visuales extremos, animacin entrometida, enormes pginas web, es mejor luchar por la moderacin y la simplicidad. b. Consistencia. Se aplica virtualmente a cada elemento del modelo de diseo, el contenido se debe construir de manera consistente. El diseo grfico (esttica) debe presentar una apariencia consistente en todas las partes de la WebApp. El diseo arquitectnico debe establecer plantillas que conduzcan a una estructura Hipermedia consistente. El diseo de interfaz debe definir modos consistentes de interaccin, navegacin y despliegue de contenido. c. Identidad. La esttica, la interfaz y el diseo de navegacin de una WebApp deben ser consistentes con el dominio de la aplicacin para la cual se va a construir. La arquitectura de WebApp ser completamente diferente, las interfaces se construirn para acomodar diferentes categoras de usuario, la navegacin estar organizada para lograr diferentes objetivos. d. Robustez. Con base en la identidad establecida, usualmente una WebApp hace una promesa implcita al usuario. El usuario espera contenido y funciones robustas que sean relevantes para sus necesidades.
35
IT. CD. VALLES
e. Navegabilidad. Ya se ha sealado que la navegacin debe ser simple y consistente. Tambin debe estar diseada de modo que sea intuitiva y predecible; esto es, el usuario debe entender cmo moverse por la web sin tener que buscar vnculos o instrucciones de navegacin. f. Apariencia visual. De todas las categoras de software, las aplicaciones web son incuestionables las ms visuales, las ms dinmicas y sin duda las ms estticas.
g. Compatibilidad. Una WebApp se utilizar en una diversidad de ambientes
(por ejemplo, diferentes equipos, tipos de conexin a internet, sistemas operativos, navegadores) y se debe disear para que sea compatible con cada uno. (PRESSMAN, 2005)
4.13 Pirmide de diseo IWeb

El diseo conduce a un modelo que contiene la mezcla adecuada de esttica, contenido y tecnologa. La mezcla variar dependiendo de la naturaleza de la WebApp, y, como consecuencia, las actividades de diseo tambin variarn.
Diseo de la Interfaz Diseo esttico
Diseo de contenido Diseo de navegacin
Diseo arquitectnico
Diseo de componentes
Ilustracin 5 Pirmide de diseo para la Ingeniera Web.
36
IT. CD. VALLES
4.14 Diseo de la interfaz de la WebApp

Toda interfaz de usuario debe presentar las siguientes caractersticas: fcil de usar, fcil de aprender, fcil de navegar, intuitiva, consistente, eficiente, libre de errores y funcional. Debe ofrecer al usuario final una experiencia satisfactoria y gratificante. Los conceptos, principios y mtodos de diseo de la interfaz brindan al ingeniero web las herramientas requeridas para lograr esta lista de atributos.
(PRESSMAN, 2005)
4.14.1 Principios y directrices del diseo de interfaz

Bruce Tognozzi [TOG01] define un conjunto de caractersticas fundamentales que deben presentar todas las interfaces y, al hacerlo, establece una filosofa que debe seguir todo diseador de interfaz de WebApp: Las interfaces efectivas son visualmente aparentes e indulgentes, e implantan en sus usuarios una sensacin de control. Las interfaces efectivas no preocupan al usuario con los trabajos internos de la computadora. El trabajo se guarda de manera cuidadosa y continua, con la opcin total de que el usuario deshaga cualquier actividad en cualquier tiempo. Las aplicaciones y servicios efectivos realizan un mximo de trabajo mientras demandan un mnimo de informacin a los usuarios.
(PRESSMAN, 2005)
4.14.2 Mecanismos de control de la interfaz

Los objetivos de la interfaz de una WebApp son 1) establecer una ventana consistente con el contenido y la funcionalidad que proporciona, 2) guiar al usuario a travs de una serie de interacciones con la WebApp, y 3) organizar las opciones de navegacin y el contenido disponible para el usuario. Las opciones de navegacin las implementa el diseador seleccionando de entre varios mecanismos de interaccin:
37
IT. CD. VALLES
Mens de navegacin: mens clave que mencionen contenido o funcionalidad

clave. Iconos grficos: botn, interruptores e imgenes grficas similares que permitan al usuario seleccionar alguna propiedad o especificar una decisin. Imgenes grficas: alguna representacin grfica que el usuario pueda seleccionar y que implemente un vnculo hacia un objeto de contenido o funcionalidad de la WebApp. (PRESSMAN, 2005)
4.14.3
Flujo de trabajo en el diseo de la interfaz
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 diseo de la interfaz WebApp. 1. Revisar la informacin contenida en el modelo de anlisis y refinarla conforme se requiera. 2. Desarrollar un bosquejo aproximado de la plantilla de la interfaz WebApp. 3. Correlacionar los objetivos el usuario con acciones especficas de la interfaz. 4. Definir un conjunto de tareas de usuario que estn asociadas con cada accin. 5. Elaborar bosquejos con imgenes de la pantalla para cada accin de la interfaz. 6. Refinar la plantilla de la interfaz y los bosquejos con el uso de entradas desde el diseo esttico. 38
IT. CD. VALLES
7. Identificar los objetivos de la interfaz de usuario que se requiera para implementarlo. 8. Desarrollar una representacin de procedimiento de la interaccin del usuario con la interfaz. 9. Desarrollar una representacin del comportamiento de la interfaz. 10. Describir la plantilla de la interfaz para cada estado. 11. Refinar y revisar el modelo de diseo de la interfaz. (PRESSMAN, 2005)
4.15 Diseo esttico

Es llamado tambin diseo grafico, es un esfuerzo artstico que complementa los aspectos tcnicos de la ingeniera web. El diseo grafico considera cada aspecto de la presentacin y percepcin de una WebApp. El proceso de diseo grafico comienza con la plantilla y procede hacia la consideracin de esquemas de color globales, tipos de fuentes, tamaos y estilos, el uso de medios audiovisuales complementarios y todos los dems elementos estticos de una aplicacin.
(PRESSMAN, 2005)
4.16 Diseo del contenido

Desarrolla una representacin de diseo para los objetos de contenido y representa los mecanismos que se requieren para que establezcan sus relaciones uno con otro. Adems, el diseo de contenido se ocupa de la representacin de la informacin dentro de un objeto de contenido especfico. Una vez modelados todos los objetos de contenido, la informacin que cada objeto entregar debe crearse y luego formatearse para satisfacer mejor las necesidades del cliente. (PRESSMAN,
2005)
39
IT. CD. VALLES
4.17 Diseo arquitectnico

Est enlazado con las metas establecidas para la WebApp, el contenido que se presentar, los usuarios que la visitarn y la filosofa de navegacin que se establezca. El diseo de la arquitectura de contenido se centra en la definicin de la estructura hipermedia global de la WebApp. El diseo se puede elegir de cuatro diferentes estructuras de contenido. Estructuras lineales. Estructuras en retcula. Estructuras jerrquicas. Estructuras en red o Web pura. La arquitectura de WebApp describe una infraestructura que permite a un sistema o aplicaciones basadas en web lograr sus objetivos de negocios. (PRESSMAN,
2005)
4.18 Diseo de navegacin

Una vez establecida la arquitectura de WebApp y la identificacin de los componentes, el diseador debe definir las rutas de navegacin que habiliten para los usuarios el acceso al contenido y las funciones de la WebApp. Para lograr esto el diseador debe 1) identificar la semntica de navegacin para diferentes usuarios del sitio y 2) definir la mecnica que logra la navegacin.
40
IT. CD. VALLES
El diseo de navegacin comienza con una consideracin de la jerarqua de usuario y los casos de uso desarrollados para cada categora de usuario (actor). Cada actor puede usar la WebApp de manera un poco diferente y, por tanto tener diferentes requisitos de navegacin. Conforme el diseo se lleva acabo se define la mecnica de navegacin. Entre muchas posibles soluciones estn: Vinculo de navegacin individual. Barra de navegacin horizontal. Columna de navegacin vertical. Pestaas.
Mapas de sitio. (PRESSMAN, 2005)
4.19 Diseo a nivel de componentes

Patrones de diseo hipermedia. Los patrones de diseo aplicados en la Ingeniera Web abarcan dos grandes clases: 1) patrones de diseo genrico que son aplicables a todos los tipos de software 2) patrones de diseo hipermedia que son especficos de la WebApp. En el contexto de los sistemas basados en Web German y Cowan sugieren las siguientes categoras de patrones: Patrones arquitectnicos. Patrones de construccin y componentes.
41
IT. CD. VALLES
Patrones de navegacin. Patrones de presentacin.

Patrones de interaccin comportamiento/usuario. (PRESSMAN, 2005)
4.20 Prueba de conceptos para WebApp

Dimensiones de calidad. La calidad se incorpora en una aplicacin Web como consecuencia de un buen diseo. Se evala al aplicar una serie de revisiones tcnicas que valoran varios elementos del modelo de diseo y al aplicar un proceso de prueba. Dimensiones de calidad: El contenido se evala tanto en el mbito sintctico (ortografa, puntuacin y gramtica se valoran para los documentos basados en texto) como semntico (se valoran la exactitud de la informacin presentada, la consistencia y la falta de ambigedad). La funcin se prueba para descubrir errores que indiquen que no hay concordancia con los requisitos del cliente. La estructura se valora para asegurarse de que entrega adecuadamente contenido y funcin de la WebApp. La navegabilidad se pone a prueba para garantizar que toda la sintaxis y semntica de navegacin se ejercen para descubrir cualquier error de navegacin. La compatibilidad se prueba al ejecutar la WebApp en varias configuraciones husped.
42
IT. CD. VALLES
La seguridad se prueba al valorar las vulnerabilidades potenciales e intentar explotar cada una de ellas. Los procesos de prueba para ingeniera 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 diseo y de navegacin. (PRESSMAN, 2005)
Prueba de contenido
U suari o
Diseo de la interfaz Diseo esttico Diseo de contenido Diseo de navegacin Diseo arquitectnico Diseo de componentes
Prueba de la interfaz
Prueba de navegacin
Prueba de componentes
Prueba de configuracin Prueba de desempeo Prueba de seguridad
Tecnologa
Ilustracin 6. El proceso de prueba.
43
IT. CD. VALLES
4.21 Prueba del contenido

Combina tanto revisiones como la generacin de casos de prueba ejecutables. La revisin se aplica para descubrir errores semnticos en cualquier objeto de contenido presentado conforme ocurra la navegacin y hallar errores en la organizacin o estructura del contenido que se presenta al usuario final. La prueba de contenido tiene tres objetivos importantes: 1) descubrir errores sintcticos en los documentos basados en texto, representaciones grficas y otros medios audiovisuales, 2) descubrir errores semnticos en cualquier objeto de contenido presentado conforme ocurra la navegacin, y 3) hallar errores en la organizacin o estructura del contenido que se presenta al usuario final. (PRESSMAN,
2005)
4.22 Prueba de la interfaz de usuario

La verificacin y validacin de la interfaz del usuario de una WebApp ocurre en tres puntos distintos durante el proceso de ingeniera Web. Durante la
formulacin y el anlisis de requisitos se revisa el modelo de la interfaz para garantizar que se ajusta a los requisitos del cliente y a otros elementos del modelo de anlisis. Durante el modelo se revisa el modelo de diseo de la interfaz para garantizar que se han alcanzado los criterios genricos de calidad establecidos para todas las interfaces de usuario, y que los conflictos en el diseo de la interfaz especficos de la aplicacin se han abordado adecuadamente. (PRESSMAN, 2005)
4.23 Prueba al nivel de componentes

Son tambin llamadas pruebas de funcin, se enfocan sobre un conjunto de pruebas que intentan descubrir errores en las funciones de la WebApp. Los casos de prueba al nivel de componentes con frecuencia se alimentan con entrada al nivel de formularios. Son comunes los siguientes mtodos de diseo de casos de prueba.
44
IT. CD. VALLES
Particin de equivalencia. Anlisis de valores lmite.

Pruebas de ruta. (PRESSMAN, 2005)
4.24 Prueba de navegacin

El trabajo de probar la navegacin es 1) garantizar que todos los mecanismos que permiten al usuario de la WebApp viajar a travs de ella son funcionales, y 2) validar que cada unidad semntica de navegacin (USN) pueda ser alcanzada por la categora de usuario adecuada.
La primera fase de la prueba de navegacin en realidad comienza durante la prueba de la interfaz. Los mecanismos de navegacin se prueban para asegurar que cada uno realiza la funcin que se busca. (PRESSMAN, 2005)
4.25 Prueba de la configuracin.

La variabilidad y la inestabilidad de la configuracin son factores importantes que hacen de la ingeniera Web un desafo. La labor de probar la configuracin no es ejercitar toda posible configuracin del lado del cliente. Ms bien, es probar un conjunto de probables configuraciones de los lados del cliente y del servidor para garantizar que la experiencia del usuario ser la misma en todos ellos y para aislar errores que puedan ser especficos de una configuracin particular.
45
IT. CD. VALLES
5 ALCANCES Y LIMITACIONES
5.1 Alcances
El Portal permitir el acceso a la informacin sobre las boletas de calificaciones a los alumnos por medio de su nmero de control. Difundir a toda la sociedad el catalogo de la bibliografa con la que cuenta la UPN Unidad 242 en su biblioteca. Publicar la informacin Acadmico-Administrativos de la Universidad Pedaggica Nacional Unidad 242.
5.2 Limitaciones
El uso de tecnologas y software con licencia. El pago del hospedaje por parte de la institucin. La adquisicin de un servidor para colgar el Portal. La contina capacitacin del administrador de la aplicacin, para que actualice la base de datos y las publicaciones del Portal.
46
IT. CD. VALLES
6 PROBLEMAS A RESOLVER
1. Con la implementacin del Portal se tendr un control automatizado del proceso Acadmico Administrativo de la Universidad Pedaggica Nacional Unidad 242 a travs de la Internet. 2. La difusin de la informacin ser veraz, oportuna, concisa y significativa para la comunidad estudiantil, y para la sociedad en general. 3. Aglomeramiento en servicios escolares.
47
IT. CD. VALLES
7 DESARROLLO DE ACTIVIDADES
Para la realizacin 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 formulacin apoyado al mismo tiempo de la Ingeniera Web (IWeb).
7.1 Planteamiento y Formulacin 7.1.1 Entrevista con el cliente

Versin 1 En esta actividad se procedi a realizar una entrevista con el Director de la Universidad Pedaggica Nacional Unidad 242, el Mtro. Daniel Cruz Laureano, con el propsito de recabar la informacin, determinando as los requisitos funcionales y de contenido que forma la estructura del Portal. (VER ANEXO 3). Versin 2 En esta versin se realizaron algunos ajustes de acuerdo a lo establecido por la Jefa Administrativa de la institucin, slo se eliminaron algunos componentes del Portal.
7.1.2 Identificacin de necesidades y requerimientos

Versin 1 Para la realizacin 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 formulacin apoyado al mismo tiempo de la Ingeniera Web (IWeb). 48
IT. CD. VALLES
Versin 2 En esta fase de las necesidades y requerimientos no se realizaron ajustes, ya que los establecidos en la etapa de planteamiento y formulacin no sufri alteraciones.
7.2 Planteamiento y Formulacin 7.2.1 Entrevista con el cliente

Versin 1 En esta actividad se procedi a realizar una entrevista con el Director de la Universidad Pedaggica Nacional Unidad 242, el Mtro. Daniel Cruz Laureano, con el propsito de recabar la informacin, determinando as los requisitos funcionales y de contenido que forma la estructura del Portal. (VER ANEXO 3). Versin 2 En esta versin se realizaron algunos ajustes de acuerdo a lo establecido por la Jefa Administrativa de la institucin, slo se eliminaron algunos componentes del Portal.
7.2.2 Identificacin de necesidades y requerimientos

Versin 1 Mediante la actividad anterior y otras tcnicas de recopilacin de requisitos, como la observacin, se analizaron las respuestas y se lleg a la conclusin, que la Universidad Pedaggica Nacional Unidad 242 requiere de un Portal para gestionar los procesos acadmico-administrativos, el informe de calificaciones, estos a su vez se integraron los datos acadmicos del alumnado de la comunidad universitaria. Estos son algunos de los requerimientos que se establecieron por parte del cliente:
49
IT. CD. VALLES
El Portal se diseo con los colores que distinguen a la institucin: blanco y azul, logrando una mejor esttica de ste. Se manejo el envo de correos electrnicos a los docentes de la institucin. Se incluy un catlogo bibliogrfico de los libros existentes en la UPN Unidad 242. En toda la estructura del Portal aparecen los logotipos que distinguen a la institucin. Se incluy una seccin para servicios escolares, que permite al usuarioalumno conocer sus calificaciones durante el periodo cursado. Los alumnos acceden a las calificaciones mediante un password que se les asigno.
Requerimientos por parte de los desarrolladores: Un servidor. Software para el diseo y programacin del Portal, como lo es la Macromedia de Dreamweaver, el Sistema Operativo Linux, PHP, MySQL, etc. Un espacio dentro de la Institucin para trabajar sobre el proyecto. Apoyo econmico por parte de la Direccin y la Jefatura Administrativa. Versin 2 No se llev a cabo ningn cambio ya que en la versin 1, se establecieron definitivamente las necesidades y requerimientos.
50
IT. CD. VALLES
7.2.3 Determinar objetivos de la WebApp

Versin 1 Con los anlisis anteriores se determin que el objetivo principal es desarrollar un Portal para los procesos acadmico-administrativos de la Universidad Pedaggica Nacional Unidad 242 de Ciudad Valles, para gestionar el informe de calificaciones, la integracin de los datos acadmicos y la difusin de la informacin entre la comunidad universitaria. Versin 2 En esta etapa no se replantearon los objetivos del Portal, ya que se determinaron claramente los objetivos y las metas en la versin anterior.
7.2.4 Recopilacin de requisitos

Versin 1 Esta actividad se realiz con el fin de recopilar los requisitos que impone el cliente: requisitos de contenido, requisitos funcionales, definicin de las interacciones que existen entre los diferentes usuarios y la aplicacin, mediante las tcnicas mencionadas anteriormente y realizando diferentes tipos de modelados para tener una idea clara de lo que se pretende desarrollar. (VER ANEXO 3) Versin 2 No hubo necesidad de modificar los modelados de anlisis realizados en la versin anterior.
51
IT. CD. VALLES
7.2.5 Establecer alcances y limitaciones

Versin 1 En mutuo acuerdo entre los desarrolladores y la Universidad Pedaggica Nacional se establecieron los alcances y limitaciones para no comprometer a los desarrolladores a realizar trabajos o actividades fuera del lapso programado para el desarrollo del Portal y adems para identificar el contenido que formar parte de ste. Versin 2 No se llevaron a cabo cambios en esta actividad por el motivo del tiempo en que se desarroll el Portal, adems de ser esta etapa una de las ms importantes durante la formulacin de todo proyecto.
7.3 Planificacin 7.3.1 Anlisis de recursos y factibilidad

Versin 1 Se realiz mediante un anlisis detallado en el cul se obtuvieron los siguientes requerimientos divididos en cuatro categoras: El equipo o maquinaria con el que cuenta la Universidad Pedaggica Nacional Unidad 242 (Factibilidad Tcnica). El recurso humano disponible y capaz para la manipulacin del proyecto (Factibilidad Operativa). Capital actual disponible por parte de la Institucin para cubrir los costes que se generaron durante el desarrollo del proyecto (Factibilidad Econmica).
52
IT. CD. VALLES
Autorizacin de requerimientos de los programas, as como las licencias requeridos para el proyecto que se desarroll. (Factibilidad Legal).(VER ANEXO 2) Versin 2 La Factibilidad qued establecida en la versin 1 con costos reales, por lo que no existi modificacin.
7.3.2 Anlisis de riesgos

Versin 1 En este proceso existieron diferentes tipos de riesgos tales como el tiempo destinado para el desarrollo del mismo, perdida de hardware por desastres naturales, etc., stos amenazaron el plan del proyecto. Por ejemplo, si dicho riesgo se hubiese vuelto real, es muy probable que la calendarizacin del proyecto pudiera haberse modificado y por ende tambin los costos. Para realizar este anlisis se realizaron una serie de cuestiones y una estimacin del riesgo del proyecto. (VER ANEXO 4) Versin 2 No existi ningn conflicto por parte de la direccin de la institucin y desarrolladores, por lo que las dos partes involucradas estuvieron colaborando en cada una de las necesidades que surgieron en su momento.
53
IT. CD. VALLES
7.4 Anlisis 7.4.1 Anlisis Relacin-Navegacin

Versin 1 En esta fase se identificaron las relaciones que existen entre la informacin que contiene la aplicacin con las funciones de procesamiento que el usuario del Portal inicia directamente.
Esto se llev a cabo con el propsito de establecer los principales requisitos para especificar los vnculos de navegacin que le permiten al usuario lograr el propsito de su visita al sitio, de manera que le haga ms prctica el cambio de un contenido hacia otro contenido. (VER ANEXO 5) Versin 2 Esta actividad no se modific respecto a la versin anterior ya que se llev un anlisis detallado para evitar cambios constantemente.
7.4.2 Anlisis de Configuracin

Versin 1 La pgina de la Universidad Pedaggica Nacional Unidad 242, se desarroll de manera que pueda acoplarse a los diferentes ambientes; tanto del lado del servidor como de los usuarios de la aplicacin. Los navegadores que se usarn para las pruebas de navegacin del Portal de la UPN Unidad 242 ser: Mozilla FireFox e Internet Explorer por ser stos unos de los ms comunes entre los usuarios. (VER ANEXO 6)
54
IT. CD. VALLES
Versin 2 En la versin 1 de esta actividad se mencionaron los nicos navegadores sobre los cules se trabaj para llevar a cabo cada una de las pruebas requeridas por lo que no hubo necesidad de especificar otros.
7.4.3 Anlisis Funcional

Versin 1 El anlisis funcional representa el grado de abstraccin respecto al usuario de la WebApp, es decir la funcin de acuerdo a la jerarqua de usuario; las actividades de cada uno es diferente ya que cada uno realiza diferentes tipos de operaciones. (VER ANEXO 7) Versin 2 Esta fase no requiri de nuevos anlisis y por ende ajustes, ya que en las etapas anteriores se especificaron cada uno de los usuarios y operaciones que stos ejecutarn.
7.4.4 Anlisis de Interaccin

Versin 1 En este anlisis se procedi a la realizacin de jerarquas de usuario y dependiendo de sta se desarrollaron casos de uso para los usuarios del Portal. Esto permiti tener una visin ms amplia acerca de los objetos de contenido con los que el usuario querr trabajar. (VER ANEXO 8, 9 y 10)
55
IT. CD. VALLES
Versin 2 Se especificaron en la versin 1 cada uno de los usuarios que interactuarn con el Portal y la manera en que trabajarn con ste, por tal motivo no se realizaron ajustes en esta fase.
7.4.5 Anlisis de Contenido

Versin 1 En esta etapa del anlisis se incluyeron los componentes que forman parte de la aplicacin; es decir, imgenes, logotipos de la institucin, fotografas, graficas, etc., as como tambin los atributos que los describen. El contenido bien, puede desarrollarse antes de la implementacin del Portal, mientras ste se encuentra en construccin o mucho despus de que el Portal se encuentre en funcionamiento. (VER ANEXO 11) Versin 2 No se requiri llevar a cabo un re-anlisis de contenido, ya que en la fase de anlisis se especificaron concretamente los requisitos que contiene el Portal.
7.5 Ingeniera 7.5.1 Diseo de componentes

Versin 1 En este proceso se aplic la ingeniera que es una parte esencial que se llev a cabo para el desarrollo del Portal. En esta apartado del diseo se establecieron los componentes con los que est estructurado el Portal. (VER ANEXO 12)
56
IT. CD. VALLES
Versin 2 En esta fase del diseo de componentes existieron modificaciones, ya que se omitieron y se agregaron algunos componentes, as como la modificacin de ttulos en el men desplegable para dar una mejor presentacin.(VER ANEXO 1)
7.5.2 Diseo arquitectnico

Versin 1 En esta actividad se realiz el diseo arquitectnico del Portal, ya que se tiene una estrecha relacin con el contenido que se presenta a los usuarios, adems de la forma de cmo ste navega en el sitio. (VER ANEXO 13) Versin 2 En esta versin del diseo arquitectnico existieron modificaciones; ya que como se menciono anteriormente en el diseo de componentes de las modificaciones que se realizaron en esta, por lo tanto sufre modificaciones en esta fase de diseo. (VER ANEXO 2)
7.5.3 Diseo de navegacin

Versin 1 Se disearon diferentes rutas de navegacin de manera que se le haga ms fcil al usuario encontrar el contenido que busca, para ello se hizo una reconsideracin de las jerarquas de usuario y los casos de uso establecidos para cada actor o usuario, estos diseados anteriormente en el modelo de anlisis de navegacin. (VER ANEXO 14)
57
IT. CD. VALLES
Versin 2 En el diseo de navegacional existieron alteraciones en las rutas de navegacin; se omitieron y se agregaron rutas de acceso, as como tambin la modificacin de ttulos en el men desplegable. (VER ANEXO 3)
7.5.4 Diseo de contenido

Versin 1 En esta fase se disearon los objetos de contenido de los que est compuesto el Portal; es decir se realiz la representacin de la informacin dentro de un objeto de contenido especfico, as como de la descripcin de sus componentes. (VER ANEXO 15) Versin 2 Se redisearon algunos objetos de contenido en esta fase del diseo, as como la descripcin de los componentes de stos, con el fin de dar una mejor apariencia del Portal. (VER ANEXO 4)
7.5.5 Diseo de las bases de datos

Versin 1 Para la realizacin de la base de datos se procedi a la elaboracin de las tablas, as como los campos que contiene la misma; por otra parte tambin se estableci la llave primaria con la que el alumno puede acceder a la base de datos. (VER ANEXO 16) Versin 2 Existieron alteraciones en las tablas establecidas en la versin 1, se omitieron e incrementaron unos campos en las tablas; por otra parte tambin se descartaron algunas relaciones que existan entre una tabla y otra. (VER ANEXO 5) 58
IT. CD. VALLES
7.5.6 Diseo de la interfaz

Versin 1 La interfaz fue una parte esencial para la Universidad Pedaggica Nacional Unidad 242, ya que en esta se estableci la estructura del Portal, as como los colores, ubicacin de los logotipos, botones, etc. (VER ANEXO 17) Versin 2 No existieron alteraciones en esta fase del diseo, es decir lo establecido en la versin 1, acerca de la ubicaron de los logotipos, colores, etc., no sufri cambios; ya que las modificaciones solo se realizaron en el men desplegable.
7.6 Generacin de pginas y pruebas

Versin 1 Se procedi en esta fase a la generacin de cada una de las pginas que el cliente solicit que se agregaran al Portal, para ello se tomaron en cuenta los requisitos mencionados en la fase de anlisis y de diseo de pginas. Posteriormente se realizaron las siguientes pruebas. Versin 2 Se generaron e incrementaron algunas pginas que no se establecieron en las fases de anlisis y de diseo.
59
IT. CD. VALLES
7.6.1 Prueba de configuracin

Versin 1 En sta actividad se evaluaron cada una de las interfaces que se disearon en la etapa de generacin de pginas, para ello cada una de stas se probaron
mediante dos de los navegadores ms usados por los usuarios: Internet Explorer y Mozilla Firefox, con el fin de corregir los errores de presentacin de los componentes y contenidos (imgenes, texto, mens de navegacin, color, etc.) de cada una de las pginas. (VER ANEXO 19) Versin 2 Como se indico en la versin 1, se evaluaron y probaron en los 2 navegadores mencionados anteriormente, para poder mostrar la diferencia entre un navegador y otro. (VER ANEXO 6)
7.6.2 Prueba de componentes

Versin 1 Se centran sobre las funciones del Portal, es decir se llevaron a cabo para descubrir errores sobre stas, teniendo, estrecha relacin con las pruebas de navegacin y de contenido.
60
IT. CD. VALLES
RESIDENCIA PROFESIONAL Navegadores Mozilla Internet Firefox Explorer X X X X X X X X X Ilustracin 7 Prueba de componentes X X X X X X X X X
Componente Inicio Bienvenida Convenios Directorio Documentos descargables Unidades UPN Carrera LIE Carrera LEP Carrera LEPEPMI Admisin LIE Admisin LEP Admisin LEPEPMI Servicios de Comedor Sala de cmputo Servicio Social Servicios Culturales Servicios Escolares Publicaciones de Libros Publicaciones de Convocatorias Publicaciones de Revistas Noticias UPN Noticias Culturales Noticias Varios Mapa de sitio Biblioteca Correo electrnico Pginas UPN Quejas y sugerencias
61
IT. CD. VALLES
Versin 2 En esta versin se centran las funciones del Portal, aqu es donde se muestran los resultados que se generaron con las pruebas de navegacin y de contenido.
Navegadores Mozilla Internet Firefox Explorer
Componente Inicio Bienvenida Convenios Directorio Documentos oficiales Unidades UPN Carrera Lic. Intervencin Educativa Carrera Lic. Educacin Carrera Lic. Educacin Preescolar Admisin Requisitos LIE Admisin Requisitos LEP Admisin Requisitos LEPEPMI Servicios Escolares Sala de Cmputo Servicio Social Servicios Culturales Servicio de Cafetera Publicacin de Libros Publicacin de Revistas Publicacin de Convocatorias Noticias Locales Noticias Escolares Noticias Culturales
Contina en la siguiente pgina
62
IT. CD. VALLES
Contina
Noticias Varios Mapa de sitio Biblioteca Correo electrnico Pginas UPN Quejas y sugerencias Consulta de Calificaciones Boleta de Calificaciones Galera de fotos Ilustracin 8 Prueba de componentes versin 2
7.6.3 Prueba de navegacin

Versin 1 Se llev a cabo para verificar que todos las opciones que permiten navegar al usuario final del Portal de la UPN 242 a travs de ste, es decir que se encuentre trabajando correctamente. Los mecanismos de navegacin se probaron para asegurar que cada uno realice la funcin que debe hacer.
Navegadores Mozilla Internet Firefox Explorer X X X X X X
Navegacin Inicio Bienvenida Convenios Directorio Documentos descargables Unidades UPN Carrera LIE Carrera LEP Carrera LEPEPMI
Contina en la siguiente pgina 63
IT. CD. VALLES
Contina
Admisin LIE Admisin LEP Admisin LEPEPMI Servicios de Comedor Sala de cmputo Servicio Social Servicios Culturales Servicios Escolares Publicaciones de Libros Publicaciones de Convocatorias Publicaciones de Revistas Noticias UPN Noticias Culturales Noticias Varios Mapa de sitio Biblioteca Correo electrnico Pginas UPN Quejas y sugerencias X X X X X X Ilustracin 9 Prueba de navegacin X X X X X X
64
IT. CD. VALLES
Versin 2 En esta versin se verificaron todas las opciones que permiten al usuario navegar en el Portal de la UPN 242.
Navegadores Mozilla Internet Firefox Explorer
Navegacin Inicio Bienvenida Convenios Directorio Documentos oficiales Unidades UPN Carrera Lic. Intervencin Educativa Carrera Lic. Educacin Carrera Lic. Educacin Preescolar Admisin Requisitos LIE Admisin Requisitos LEP Admisin Requisitos LEPEPMI Servicios Escolares Sala de Cmputo Servicio Social Servicios Culturales Servicio de Cafetera Publicacin de Libros Publicacin de Revistas Publicacin de Convocatorias Noticias Locales Noticias Escolares Noticias Culturales Noticias Varios
Contina en la siguiente pgina
65
IT. CD. VALLES
Contina
Mapa de sitio Biblioteca Correo electrnico Pginas UPN Quejas y sugerencias Consulta de Calificaciones Boleta de Calificaciones Galera de fotos Ilustracin 10 Prueba navegacin versin 2
7.6.4 Prueba de contenido

Versin 1 En la prueba de contenido se revisaron pruebas ejecutables del Portal para descubrir errores semnticos en los objetos de contenido, estructura y organizacin presentados, es decir cundo el usuario esta navegando de una Pgina a otra. La prueba de contenido tiene tres objetivos importantes: 1) descubrir errores sintcticos en los documentos basados en texto, representaciones grficas y otros medios audiovisuales 2) descubrir errores semnticos en cualquier objeto de contenido presentado conforme ocurra la navegacin, y 3) hallar errores en la organizacin o estructura del contenido que se presenta al usuario final. (PRESSMAN,
2005) (VER ANEXO 19)
Versin 2 En esta prueba de contenido se revisaron las pruebas ejecutables del Portal, la semntica de los objetos de contenido, estructura y organizacin presentados, es decir cundo el usuario esta navegando de una Pgina a otra. (VER ANEXO 6) 66
IT. CD. VALLES
7.6.5 Prueba de la interfaz

Versin 1 Para realizacin de la prueba de la interfaz ocurrieron distintos puntos generados en el proceso de la Ingeniera Web; es decir la formulacin y el anlisis de los requisitos de la Universidad Pedaggica Nacional, as como la aplicacin de la Mtrica Orientada a la Funcin; estos se revisaron en el modelo de la interfaz, con el propsito de garantizar los requerimientos y/o necesidades especificados por la Institucin. Adems, se revisaron los modelos de diseo para que la UPN242 especificara los criterios establecidos y alcanzados para todas las interfaces que se usan en el Portal. (VER ANEXO 17 y 18) Versin 2 En la fase de prueba de interfaz, se replanteo la Mtrica Orientada a la Funcin; con el propsito de obtener resultados ptimos y concretos en cuanto a las pruebas y as garantizar un mejor resultado del Portal. (VER ANEXO 6 y 7)
7.7 Evaluacin del cliente 7.7.1 Validacin del avance

Versin 1 En esta fase la Universidad Pedaggica Nacional Unidad 242 realiz una inspeccin del Portal para evaluar aspectos tales como la estructura, organizacin y contenido de las Pginas que se requirieron para el desarrollo del Portal. Versin 2 Se presento a la Universidad Pedaggica Nacional Unidad 242 la presentacin del Portal.
67
IT. CD. VALLES
7.8 Implementacin 7.8.1 Configuracin del servidor

Versin 1 Esta actividad se pospuso debido a que la Universidad Pedaggica Nacional acaba de realizar la compra del servidor y an no se hace la entrega del equipo, por lo tanto la configuracin se concluir en la segunda versin de dicha actividad. Versin 2 Se procedi a la configuracin del servidor de marca HP ProLiant ML 110 (G5), se le instal un Sistema Operativo Linux-Ubuntu y la siguiente paquetera:

PHP 5 Apache 2 Postgresql 8.3
Se eligi Linux para el servidor por los siguientes motivos y se procedi a la comparacin frente al Sistema Operativo Windows: WINDOWS Instalacin: La instalacin es mnimamente configurable aunque es muy sencillo. Instalacin: No resulta sencillo siempre, pero permite personalizar LINUX
totalmente los paquetes que se quieran instalar.
Software:
Software: 68
IT. CD. VALLES
Windows al ser el mas fcil de usar en las empresas, posee una gran cantidad de software. La copia y distribucin es un delito. Shareware: es aquel que tras un periodo de prueba es
Linux al tener menos software en algunos campos sufre una menor aceptacin por parte de las empresas, aunque gracias a los apoyos de empresas como Sun Microsystems o IBM se ha logrado muchos avances. Freeware: permiten la copia y distribucin de Software.
necesario pagar o comprar.
Robustez: En Windows siempre hay que reiniciar cuando se cambia la configuracin del sistema, se bloquea ejecuta fcilmente cuando
Robustez: Linux se ha caracterizado
siempre por la robustez de su sistema ya que pueden pasar meses e incluso aos sin la necesidad de apagar o
operaciones
aparentemente simples por lo que hay que reiniciar el equipo.
reiniciar el equipo, tambin si una aplicacin no falla bloquea
simplemente Seguridad: Seguridad: Muy poco seguro, existen miles de virus que atacan sistemas Windows.
totalmente al equipo.
Extremadamente seguro, tiene varios sistemas de proteccin. No existen virus para Linux.
Ilustracin 11 Comparacin de sistemas operativos
69
IT. CD. VALLES
Adems se realizaron comparaciones y se justifica el porque usar Postgresql y no MySQL, plasmando mediante una tabla las siguientes diferencias de cada manejador de Base de Datos: POSTGRESQL Costo de adquisicin bajo o nulo. Cero problemas de licencias. Es capaz de de de ajustarse al la que MYSQL Lo mejor de MySQL es su velocidad a la hora de realizar las operaciones, lo que le hace uno de los gestores que
ofrecen mayor rendimiento.
nmero cantidad
CPUs y a memoria
posee el sistema de forma ptima, hacindole capaz de soportar una mayor cantidad de peticiones simultneas de manera correcta (en algunos benchmarks se dice que ha llegado a soportar el triple de carga de lo que soporta
MySQL).
Ilustracin 12 Diferencias entre PostgreSQL y MySQL
70
IT. CD. VALLES
7.8.2 Webhosting
Versin 1 Se cotizaron algunos Hosting y el que ms ventajas y servicios ofrece, de acuerdo a las necesidades de la UPN 242, tiene un costo anual de $ 2,080.00, por lo que se procedi a darle informes al cliente sobre los movimientos que se requieren para efectuar el hospedaje. Versin 2 De acuerdo a la cotizacin del Hosting que se realiz en la versin 1, se procedi a la adquisicin de sta para poder hospedar la pgina de la Universidad Pedaggica Unidad 242.
71
IT. CD. VALLES
8 RESULTADOS
Los resultados que se obtuvieron en el Desarrollo e Implementacin del proyecto son los siguientes: El conocimiento y manejo del Software Macromedia Dreamweaver 8, que se utiliz para el diseo de cada una de las pginas que contiene el Portal. Otra herramienta del que se hizo uso para el diseo del botones, encabezados, subttulos de cada pgina, etc., fue CorelDRAW 12. Conocimiento acerca de la instalacin y configuracin del servidor que se utiliz para el almacenamiento de la base de datos, as como del Portal. Administracin de sitios, esto se realizo para poder accesar de forma remota de la maquina virtual que es donde se encuentra almacenada el Portal.
72
IT. CD. VALLES
9 CONCLUSIONES Y RECOMENDACIONES
Al llevar a cabo la realizacin de proyecto para la Universidad Pedaggica 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 ingeniera Web. El software desarrollado utilizo una metodologa orientada a objetos utilizando el UML como lenguaje de modelado. Los requerimientos tcnicos, grficos y de contenidos se recabaron en tiempo y forma logrando el desarrollo de software con las pruebas pertinentes desarrolladas en las actividades. El desarrollo e implementacin del Portal fue creado con las especificaciones recopiladas y propuestas por la Institucin, fueron cumplidas de la forma adecuada en que se especificaron al inicio del proyecto. Se configur el servidor con un sistema operativo de cdigo abierto (open source) lo cual garantiza la funcionalidad y no ocasiona problemas con licenciamiento. Se llevaron a cabo las gestiones ante Nic Mxico para la adquisicin del .edu as como el hospedaje en el servidor de Telfonos de Mxico.
73
IT. CD. VALLES
9.2 Recomendaciones
Se recomienda que el servidor en el que se encuentra almacenada el contenido del Portal no se desconecte la corriente elctrica, ya que es necesario que est disponible para la Web. Darle el mantenimiento adecuado al servidor para dar mejor rendimiento. Tambin se recomienda que este se encuentre a una temperatura ambiente ya que podra llegar a ocurrir un fallo.
74
IT. CD. VALLES
10 BIBLIOGRAFA
CASTRO, Elizabeth. HTML 4, cuarta edicin., Prentice Hall, PAG. 16 DUBOIS, Paul. MySQL Prentice Hall, Madrid, 2001, pp. 5-48, 383-412, 535552 MORRIS, Brouce. HTML avanzado herramientas y trucos para hacer una Web de primera, Microsoft press, Mxico, 1997, pp. 81-82,522-529
PRESSMAN Roger S. 6ta Edicin MC Graw Hill INGENIERIA DEL SOFTWARE un enfoque prctico, pp. 501-638
SEEN, James A. Anlisis y diseo de sistemas de informacin; segunda edicin, Mc Graw Hill, Mxico, 1992, pp. 116-147
SOMMERVILLE, Ian. Ingeniera de software, sexta edicin, Pearson Educacin, Mxico 2002, pp.
SORIA, Ramn. HTML diseo y creacin de pginas Web, Ra-Ma, Mxico, 1997
75
IT. CD. VALLES
11 GLOSARIO
ARQUITECTURA: Conjunto de elementos de programacin adecuadamente estructurados dentro de un sistema, con el fin de crear una programacin lgica y fiable para el diseo de aplicaciones. ATRIBUTOS: Las propiedades de una etiqueta HTML. Un atributo es un campo que contiene valores para cada objeto que pertenece a una relacin. BODY: Es el cuerpo de la pgina, donde va lo que se ve en el navegador al cargar una web. En el Body van los textos, las imgenes y todos los contenidos de la web. BROWSER: Programa utilizado para visualizar las pginas web. Los ms utilizados son el Internet Explorer y Netscape. CGI: Sistema normalizado de intercambio de datos (protocolo) entre servidores web y otras aplicaciones. CSS: Son plantillas que se pueden utilizar para crear documentos HTML y dar formato a los textos que se presenten en pantalla. DREAMWEAVER: Programa desarrollado por Macromedia (ahora Adobe) para diseo, desarrollo, publicacin y administracin de sitios y aplicaciones Web. ETIQUETA HTML: HTML, es un lenguaje simple de marcado utilizado para crear documentos de hipertexto para WWW. FTP: Protocolo que permite la transferencia de archivos desde ya un servidor de alojamiento. HEAD: Define la cabecera del documento HTML, esta cabecera suele contener informacin sobre el documento que no se muestra directamente al usuario. 76
IT. CD. VALLES
HIPERMEDIA: Combinacin de los trminos hipertexto y multimedia. Se refiere a las pginas Web que integran informacin en distintos tipos de formato: texto, imgenes, sonidos y video, principalmente. HOST: Computadora que, mediante la utilizacin de los protocolos TCP/IP, permite a los usuarios comunicarse con otros sistemas anfitriones de una red. HOSTING: Servicio que brindan determinadas empresas que tienen servidores conectados a Internet, de forma que ofrecen espacio en sus discos para que usted pueda alojar en el los archivos que componen su sitio web. HTTP: Es el protocolo de transferencia de hipertexto, o sea el protocolo que los servidores de World Wide Web utilizan para mandar documentos HTML a travs de Internet. INTERNET: Es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada pas del mundo, por medio del cual un usuario en cualquier computadora puede tener acceso a cualquier tipo de informacin. LINUX: Es un sistema operativo, compatible Unix. Dos caractersticas muy peculiares lo diferencian del resto de los sistemas que podemos encontrar en el mercado, la primera, es que es libre, esto significa que no tenemos que pagar ningn tipo de licencia a ninguna casa desarrolladora de software por el uso del mismo, la segunda, es que el sistema viene acompaado del cdigo fuente. MYSQL: Es un gestor de Bases de Datos multiusuario que gestiona bases de datos relacionales PHP: Es un lenguaje de programacin interpretado, diseado originalmente para la creacin de pginas web dinmicas.
77
IT. CD. VALLES
PORTAL: Un portal de Internet es un sitio web cuyo objetivo es ofrecer al usuario, de forma fcil e integrada, el acceso a una serie de recursos y de servicios. POSTGRESQL: Postgresql es un servidor de base de datos relacional orientada a objetos de software libre, liberado bajo la licencia BSD. SERVIDOR: Se encarga de proporcionar al navegador los documentos y medios que este solicita. Utiliza un protocolo HTTP para atender las solicitudes de archivos por parte de un navegador. SISTEMA UNIX: Unix es un sistema operativo robusto, estable, multiusuario, multitarea, multiplataforma y con gran capacidad para gestin de redes, Linux fue creado siguiendo estas caractersticas. SITIO: Tambin denominado lugar de la red, para referirnos a cualquier recurso en la misma, normalmente un servidor donde se ubican cuentas de clientes con pginas web. TCP/IP: (Transport Control Protocol/Internet Protocol) Protocolo en el que se basa la comunicacin de la red Internet; el primero se encarga de dividir la informacin en paquetes en origen, para luego recomponerla en destino, mientras que el segundo se responsabiliza de dirigirla adecuadamente a travs de la red. UML: Lenguaje grfico para especificar, construir, visualizar las partes o artefactos que son informacin utilizada y originada mediante un proceso de software. Es un lenguaje estndar de modelado orientado a objetos. URL: Es el Localizador Uniforme de Recursos, o dicho ms claramente, es la direccin que localiza una informacin dentro de Internet. VINCULO: Conexin que se establece entre pginas web o textos mediante una referencia insertada. 78
IT. CD. VALLES
WEB: El trmino se utiliza para definir el universo del World Wide Web, los sitios, la informacin y los servicios de la telaraa. WEBAPP: Se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador. WWW: Siglas que corresponden a la frase en ingls World Wide Web y que se refiere al principal servicio de Internet por medio del cual se agrupan los distintos sitios o pginas electrnicas.
79
IT. CD. VALLES
12 ANEXOS
80
IT. CD. VALLES
ANEXO 2. ESTUDIO DE FACTIBILIDAD

VERSIN 1 Se realiz mediante un anlisis detallado en el cul se obtuvieron los siguientes requerimientos divididos en cuatro categoras: El equipo o maquinaria con el que cuenta la Universidad Pedaggica Nacional Unidad 242 (Factibilidad Tcnica). El recurso humano disponible y capaz para la manipulacin del proyecto (Factibilidad Operativa). Capital actual disponible por parte de la Institucin para cubrir los costes que se generaron durante el desarrollo del proyecto (Factibilidad Econmica). Autorizacin de requerimientos de los programas, as como las licencias requeridos para el proyecto que se desarroll. (Factibilidad Legal). TCNICO. En lo que a este estudio se refiere, la Universidad Pedaggica Nacional Unidad 242 cubri las necesidades y/o requerimientos para el desglose de las actividades de diseo, el desarrollo e implementacin del Portal dentro de sta institucin como lo son: Diseo, Desarrollo e Implementacin del Portal: Equipo dentro del laboratorio de cmputo:
81
IT. CD. VALLES
UPN
REQUERIDO
Cuenta con 15 1 servidor con las computadoras de siguientes caractersticas: las cuales cada una tiene por especificaciones tcnicas del CPU: Sistema: Microsoft Windows Sistema: Sistema XP Profesional operativo Linux Versin 2002 Pentium 4 CPU 2.40 GHz 80 GB en disco Equipo: duro 256 MB de RAM Monitor Teclado Mouse HP ML 110G5 Intel E2 160 1.8 GHz, 1GB RAM RED DVD ROM
Equipo:
Monitor Teclado Mouse
La institucin no contaba con un servidor con las caractersticas necesarias para implementar el proyecto; pero se formul una cotizacin del precio total de ste a los directivos y administrativos llegando a la conclusin de la adquisicin del mismo, de acuerdo a las especificaciones tcnicas mencionadas anteriormente por los desarrolladores. La Universidad Pedaggica Nacional Unidad 242 puso a disposicin los lenguajes de programacin necesarios para el desarrollo del proyecto que son los siguientes: Linux HTML Dreamweaver 82
IT. CD. VALLES
PHP MySQL Dichos lenguajes fueron facilitados por la Universidad Pedaggica Nacional Unidad 242 para la elaboracin de la Pagina Web. Implementacin: La institucin ya cuenta con Internet inalmbrico 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 institucin, es por esto que se opto por la adquisicin 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 caractersticas establecidas.
83
IT. CD. VALLES
OPERATIVA. Una vez implementado el proyecto, la funcionalidad de ste se lleva a cabo por el Administrador de la WebApp de la Universidad Pedaggica Nacional Unidad 242; mismo que es el encargado de la mantenibilidad de sta, refirindonos a las actualizaciones correspondientes que implican el manejo de la informacin asociados a la Institucin y que se encuentran en constante cambio; por efecto, a l se le brind una capacitacin previa a la implementacin; con un tiempo aproximado de 2 horas durante 4 das alcanzando un costo total de $1400.00 MN, esto facilit al administrador la forma en que se llevan a cabo los reajustes de la informacin de manera ptima, obteniendo como derivado un buen manejo administrativo de los datos que contiene el Portal. La persona encargada de administrar ste; tiene como compromiso el mantenimiento del mismo, ya que sta actividad se realiza constantemente de acuerdo a las necesidades de la Institucin.
ECONMICA. Este estudio consisti en el desglose de las actividades que se generaron durante el desarrollo del proyecto, adems se describieron los costos que arrojaron cada actividad durante su proceso.
En la tabla siguiente se muestran los costos monetarios desglosados de acuerdo a cada movimiento que se realizo durante el desarrollo del proyecto arrojando como resultado el costo total referente a las etapas de las que se compone una Aplicacin Web.
84
IT. CD. VALLES
ACTIVIDADES PLANTEAMIENTO Y FORMULACIN Entrevista con el cliente Identificacin de necesidades y Requerimientos Determinacin de WebApp Recopilacin de requisitos Establecer alcances y limitaciones PLANIFICACIN Anlisis de recursos y factibilidad Anlisis de riesgos ANLISIS Anlisis relacin-navegacin Anlisis de configuracin Anlisis functional Anlisis de interaccin Anlisis de contenido INGENIERIA Diseo de componentes Diseo arquitectnico Diseo de navegacin Diseo de contenido Diseo de las bases de datos Diseo de la interfaz GENERACIN PRUEBAS Generacin de las pginas del Portal DE PGINAS Y objetivos de la
Das
Tarifa
Costo
1 1
$50.00 $50.00
1 2 1
$50.00 $100.00 $50.00 $300.00
3 3
$200.00 $150.00 $350.00
3 2 2 2 3
$150.00 $150.00 $150.00 $150.00 $150.00 $750.00
4 4 5 4 3 5
$200.00 $200.00 $250.00 $250.00 $200.00 $250.00 $1,350.00
60
3,000 85
IT. CD. VALLES
Prueba de configuracin Prueba de componentes Prueba de navegacin Pruebas de contenido Pruebas de la interfaz EVALUACIN DEL CLIENTE Validacin del avance IMPLENTACIN Configuracin del servidor Webhosting DOCUMENTACIN Manual de usuario Manual tcnico CAPACITACIN Curso de capacitacin OTROS GASTOS Servidor HP ML 110GHz Hosting /costo anual Costo de recurso humano COSTO TOTAL
2 2 3 3 2
$100.00 $100.00 $150.00 $150.00 $100.00 $3,600.00
$100.00
$100.00
3 1
3 2
$200.00 $200.00 $400.00
$1,500.00
$1,500.00
$10,690.00 $2,080.00 $5,000.00 $26,120.00
Considerando que el proyecto que se desarrollo no fue de tipo comercial, sino acadmico, la institucin slo aporto el capital necesario para la compra del servidor y del Hosting; por lo tanto se estima como mximo un costo total de $12,770.00 MN.
86
IT. CD. VALLES
LEGAL La seguridad Informtica debe vigilar principalmente las propiedades de Privacidad, Integridad de datos y/o programas, as como la disponibilidad de los mismos en un ambiente dado. El problema bsicamente est en que no se respeten los derechos de los autores, usando nuevas tecnologas de una manera inadecuada, por lo cual surgen problemas como la piratera. Al llevarse a cabo el desarrollo del proyecto se tom en cuenta las especificaciones de la adquisicin del software requerido para el desarrollo del Portal; es decir el software necesario para su diseo, as como para la programacin del mismo.
87
IT. CD. VALLES
ANEXO 3. ENTREVISTA VERSIN 1
NOMBRE: Mtro. Daniel Cruz Laureano_____________________________________ PUESTO: Director de la Universidad Pedaggica Nacional Unidad 242____________ FECHA: Martes 26 de Agosto de 2008_____________________________________ OBJETIVO DE LA ENTREVISTA: Recabar los requisitos de contenido y requisitos__ funcionales que estructurarn al Portal._____________________________________ 1. Cules son las principales necesidades de la UPN Unidad 242 para querer implementar un Portal? Dar a conocer la Universidad Pedaggica Nacional de Cd. Valles va medios_ de comunicacin como lo es la Internet._______________________________ 2. Quin es la persona que solicita la creacin del Portal y que puesto funge en la institucin? Mtro. Daniel Cruz Laureano, director de la Institucin____________________ 3. Cules son los objetivos que debe cubrir la creacin e implementacin de sta? Debe de mantener informado a los alumnos y al pblico en general_________ 4. Cules son las metas que se deben de cumplir con la implementacin del Portal? Mantener informado al alumnado sobre el proceso administrativo y eventos de la misma._______________________________________________________ 5. Qu problemas solucionara la aplicacin? La aglomeracin en servicios escolares_______________________________
88
IT. CD. VALLES
6. Qu funciones o tareas se lograrn cundo se use la pgina Web de la UPN Unidad 242? Informar sobre calificaciones, registros, eventos y convocatorias de carreras_ entre otros._____________________________________________________
7. Quin administrar la pgina? C. Celia Rangel Rocha____________________________________________ 8. Quin(es) usarn la pgina Web? Personal administrativo, docente, alumnado y pblico en general.__________ 9. El personal requerido cuenta con el profesionalismo y experiencia que se requiere para el mantenimiento de la pgina? S_____________________________________________________________ 10. Qu clase de contenido se proporcionar a los usuarios de la pgina Web? Cultural, educativo y de informacin acerca de algunos otros eventos_______ referentes a la institucin.__________________________________________ 11. La UPN Unidad 242, est dispuesta a cubrir los gastos que se requieran para el desarrollo e implementacin de la pgina Web? S_____________________________________________________________ 12. Alguna otra persona o algn departamento de la institucin que podra proporcionar informacin adicional? S, el departamento de servicios escolares, administrativo y docencia_______
89
IT. CD. VALLES
ANEXO 4. ANLISIS DE RIESGOS VERSIN 1

El riesgo que se considero para el desarrollo del proyecto es el tiempo destinado para el mismo, prdida de hardware por desastres naturales, etc., stos amenazaron el plan del proyecto. Por ejemplo, si dicho riesgo se hubiese vuelto real, es muy probable que la calendarizacin del proyecto pudiera haberse modificado y por ende tambin los costos.
Para el anlisis del riesgo global del producto se formularon las siguientes preguntas y una tabla de riesgos:
1. El director del plantel y la jefatura administrativa se han comprometido formalmente a apoyar el desarrollo de una pgina para la UPN Unidad 242?
2. Los desarrollares de la aplicacin y la UPN Unidad 242 han definido y entendido el cumplir con los requisitos?
3. Los requisitos que se estipularon para el desarrollo de la aplicacin son estables?
4. Las desarrolladoras de la pgina cuentan con conocimiento amplio acerca de las herramientas y tecnologas que estn usando?
5. Es adecuado el nmero de participantes que trabajan sobre el proyecto?
90
IT. CD. VALLES
ESTIMACIN DE RIESGOS DEL PROYECTO

RIESGOS La estimacin del tamao de la aplicacin no es la correcta. Los usuarios de la aplicacin se resisten al uso de ste. No soporte el nmero de usuarios (concurrencia) La fecha de entrega del proyecto estar ajustada. Los directivos de la UPN Unidad 242 no apoyan el proyecto econmicamente. Las herramientas y tecnologas utilizadas no sean satisfactorias con el cliente. Personal inexperto. Definicin de nuevos requisitos. Perdida de hardware por desastres naturales. Falta de propaganda adecuada para difundir por todos los medios de comunicacin a la aplicacin. CATEGORIAS TP PROBABILIDAD 50% IMPACTO 2
CO
20%
TP
30%
CO
60%
CL
30%
RT
10%
PE TP
40% 80%
1 3
CL
20%
RV
20%
91
IT. CD. VALLES
ANEXO 5. ANLISIS RELACIN-NAVEGACIN VERSIN 1

En esta fase se identificaron las relaciones que existen entre la informacin que contiene la aplicacin con las funciones de procesamiento que el usuario de la pgina inicia directamente.
Esto se llev a cabo con el propsito de establecer los principales requisitos para especificar los vnculos de navegacin que le permiten al usuario lograr el propsito de su visita al sitio, de manera que le haga ms prctica el cambio de un contenido hacia otro contenido.
Para poder realizar un mejor anlisis de relacin entre el contenido del sitio se formularon las siguientes cuestiones:
1. Cul es el contenido que requiere la institucin que se muestre en diferentes ubicaciones dentro de la pgina UPN Unidad 242?
2. De acuerdo al cuestionamiento anterior, dnde pretende que se coloque la informacin solicitada dentro de la pgina?
3. Qu elementos de la pgina deben de aparecer siempre en conjunto con otros elementos que la conforman? cules son los otros elementos?
4. Cules son los objetos de contenido que siempre deben de aparecer en el mismo lugar; es decir, misma ubicacin de la pgina? 92
IT. CD. VALLES
Una vez que se identificaron los elementos que se relacionan, se procedi a realizacin de un anlisis de navegacin que indica la manera en que navega cada categora de usuario dentro de la pgina UPN Unidad 242. En este anlisis se plantearon las siguientes preguntas:
1. Qu informacin debe ser ms fcil de alcanzar respecto a otros elementos de la pgina? y en qu orden se deben presentar?
2. Cul es la informacin que debe resaltarse para llamar la atencin de los usuarios y lograr que navegue hacia esa direccin?
3. La navegacin de un contenido hacia otro, dentro de la pgina se debe de realizar por medio de vnculos u otro medio?
4. Debe de estar disponible un mapa o men de navegacin completo, dentro de cada punto en donde puede interactuar el usuario? o es mejor un simple vnculo de retroceso?
5. Un usuario puede acceder a todos los elementos, funciones u objetos de contenido dentro de la aplicacin? habr restricciones para las diferentes clases de usuario?
93
IT. CD. VALLES
ANEXO 6. ANALISIS DE CONFIGURACIN VERSIN 1

El Portal de la Universidad Pedaggica Nacional Unidad 242, se desarrollo de manera que es acoplable a los diferentes ambientes; tanto del lado del servidor como el de los usuarios de la aplicacin.
Los navegadores que se usaron para las pruebas de navegacin de la pgina UPN Unidad 242 fueron: Mozilla FireFox. Se est consolidando poco a poco como uno de los mejores navegadores del mercado y un poderoso competidor del omnipresente Internet Explorer. Una de las ventajas ms sobresalientes es la navegacin por pestaas que consiste en abrir pequeas pestaas dentro del mismo navegador para navegar sin tener que abrir tantas ventanas, es como abrir muchos archivos de Flash al mismo tiempo, pero ms coherente. Firefox ha avanzado muchsimo en lo que a usabilidad se refiere, es muy intuitivo y para los usuarios fanticos de Internet Explorer les resultara muy fcil migrar a l.
Internet Explorer. Cundo se navega con Explorer en cualquier pgina que se abra se tiene una peste de igual difusin que el spam, las ventanas emergentes de publicidad. Estas llenan la barra de tareas de basura publicitaria que no interesan, tales como casinos, porno, cmaras de seguridad y mas porno, etc.
94
IT. CD. VALLES
Estos navegadores son los ms comnmente 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 ms seguro el alojamiento de la pgina en cuanto a seguridad de datos, es decir los datos no estn propensos a los diferentes tipos de virus que circulan por la red.
95
IT. CD. VALLES
ANEXO 7. ANLISIS FUNCIONAL DE LA UPN UNIDAD 242 VERSION 1
Pgina de Bienvenida
Categoria de usuario
Registro
Usuario externo
Asigna categora
Consultar Catlogo bibliogrfico
Convocatorias
Usuario externo
Carreras que ofrece
Requisitos de admisin
Usuario alumno
Consultar calificaciones
Eventos educativos
Usuario docente
Informacin de calificaciones
Avisos
Cerrar sesin
96
IT. CD. VALLES
ANEXO 8. ANLISIS DE INTERACCIN DE LA UPN UNIDAD 242 VERSIN 1

Para llevar a cabo los anlisis siguientes se procedi a jerarquizar usuarios que visitan o que hacen uso del Portal, obteniendo como resultado: a los
JERARQUIA DE USUARIOS
USUARIO DE UPN242Valles.edu
VISITANTE DEL SITIO
ADMINISTRADOR
USUARIO DOCENTE
USUARIO ALUMNO
USUARIO EXTERNO
97
IT. CD. VALLES
CASO DE USO PARA EL ADMINISTRADOR
Actualizar Base de datos
USUARIO ADMINISTRADOR
Inspeccionar contenido general
Actualizar contenido de la pgina
Este es el caso de uso para la jerarqua de usuario administrador, quien realiza una inspeccin del contenido del Portal y decide junto con los directivos de la UPN Unidad 242 si actualiza la base de datos y el contenido del Portal o bien realizar ambas tareas.
CASO DE USO PARA USUARIO DOCENTE
Inspeccionar contenido general
Realizar avisos
Usuario docente
Ingresar a interfaz de captura de calificaciones
Capturar Calificaciones
Consultar catalogo bibliogrfico
98
IT. CD. VALLES
El caso de uso docente, muestra las actividades que realiza este tipo de usuario, es decir el docente que labora en esta institucin.
CASOS DE USO PARA USUARIO ALUMNO
Inspeccionar contenido
Contestar test
USUARIO ALUMNO
Accesar a pgina UPN242
Ingresar a servicios escolares
Ingresar nmero de control
Desplegar boleta
Este caso de uso es aplicado a todos los alumnos inscritos en la Universidad Pedaggica Unidad 242, son los que tendrn acceso al Portal.
99
IT. CD. VALLES
CASOS DE USO PARA USUARIO EXTERNO
Inspeccionar contenido
Contestar test
USUARIO EXTERNO
Accesar a pgina UPN242
Visualizar carreras que ofrece Visualizar requisitos de admisin 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 Pedaggica Nacional Unidad 242.
100
IT. CD. VALLES
ANEXO 9. DIAGRAMA DE SECUENCIA USUARIO ALUMNO VERSIN 1

Usuario alumno Navegador Pgina UPN 242 Valles Interfaz de servicios escolares Base de datos calif_alumnos Interfaz de calificaciones
Servidor
Password
Introduce URL
Se enva URL
Mostrar peticin
Visualizar contenido
Selecciona opcin del men
Teclea nmero de control
Nmero de control validado
Enva datos
Muestra informacin
101
IT. CD. VALLES
ANEXO 10. DIAGRAMA DE SECUENCIA USUARIO ADMINISTRADOR VERSIN 1
Navegador
Base de datos
Servidor
Password
Interfaz de actualizacin
Actualizar informacin
Usuario Administrador
Teclea URL Enva URL Enva men
Solicta id
Valida id
Enva el contenido Enva informacin
Enva actualizaciones
102
IT. CD. VALLES
ANEXO 11. MODELO DE CONTENIDO DE LA UPN UNIDAD 242 VERSIN 1
Imgenes Logotipo UPN Fotos Bienvenida
Autor Nombre del libro Editorial
Componentes estructurales
Catlogo de libros
Ao de edicin
Nombre Fecha Lugar Convocatorias
Quien lo publica A quien va dirigido Nombre de la convocatoria
Eventos Acadmicos
Hora
Fecha
103
IT. CD. VALLES
ANEXO 12. DISEO DE COMPONENTES DEL PORTALDE LA UPN VERSIN 1

Qu es la UPN?
Bienvenida Directorio Nombre Puesto que funge Correo electrnico Telfono Direccin Mostrar () Cerrar () Regresar () Unidades UPN Convenios Documentos UPN descargables
Mostrar () Cerrar () Regresar ()
Admisin Qu estudiar en la UPN?

Licenciaturas Licenciaturas Especialidades Maestria
Servicios
Comedor Sala de Cmputo Servicio social Servicios culturales Servicios escolares
Publicaciones
Libros Nombre Autor Ao Edicin Mostrar () Cerrar () Regresar () Revistas Nombre Ao Mostrar () Cerrar () Regresar () Convocatorias Nombre Publicador A quien dirigido Fecha Mostrar () Cerrar () Regresar ()
104
IT. CD. VALLES
Noticias UPN
Culturales Tipo Publicador Fecha Mostrar () Cerrar () Regresar () Escolales Tipo Publicador Fecha Mostrar () Cerrar () Regresar () Varios Tipo Fecha Mostrar () Cerrar () Regresar ()
Biblioteca
Catlogo bibliogrfico Nombre Autor Ao Edicin Mostrar () Cerrar () Regresar ()
Correos electrnicos
Correo Maestros Nombre Correo electrnico Mostrar () Cerrar () Regresar () Correo UPNs Unidad Direccin Correo electrnico Mostrar () Cerrar () Regresar ()
Buzn de quejas y sugerencias Mapa de sitio

Quejas Nombre Fecha Comentario Depto. dirigido Mostrar () Cerrar () Regresar () Sugerencias Ubicacin Nombre Fecha Sugerencia Depto. dirigido Mostrar () Cerrar () Regresar ()
105
IT. CD. VALLES
ANEXO 13. DISEO ARQUITECTNICO DEL PORTAL DE LA UPN VERSIN 1
PRINCIPAL Mapa del sitio Biblioteca Correos electrnicos Pginas UPN Buzn de quejas y sugerencias
QUE ES LA UPN? Bienvenida Directorio Unidades UPN Convenios Documentos UPN(descargables)
CARRERAS Licenciaturas Especialidades Maestras
BIBLIOTECA Catlogo bibliogrfico
ADMISIN Licenciaturas
SERVICIOS Comedor Sala de cmputo Servicio social Servicios culturales Servicios escolares
NOTICIAS Escolares Culturales Varios
CORREOS ELECTRNICOS Correos-Docentes Direcciones UPNs
BUZON DE QUEJAS Y SUGERENCIAS Quejas Sugerencias
106
IT. CD. VALLES
ANEXO 14. DISEO NAVEGACIONAL DEL PORTAL DE LA UPN VERSIN 1

INICIO
Mapa de sitio
Qu es la UPN?
Buzn de quejas y sugerencias reas acadmicas Noticias UPN Biblioteca Correos electrnicos
Carreras
Admisin
Bienvenida
Unidades UPN
Documentos UPN descargables
Publicaciones
Quejas Licenciaturas Sugerencias
Servicios
Directorio Convenios Licenciaturas Maestras
Noticias escolares
Noticias culturales
Correos maestros
Direcciones UPN
Noticias varios
Catlogo bibliogrfico
Comedor
Servicios culturales
Servicios escolares
Libros
Revistas
Servicio social
Sala de cmputo
Convocatorias
107
IT. CD. VALLES
ANEXO 15. DISEO DE CONTENIDO DEL PORTAL DE LA UPN VERSIN 1

Bienvenida
Descripcin de componente
Descripcindetexto Color texto Estilo fuente Tamao texto Espaciadoenlneas Color fondo
Fotografabienvenida Estiloborde Dimensin horizontal Dimensin vertical
Testdemejora Color texto Estilo fuente Tamao texto Alineacin texto Color fondo
Men Color texto Estilo fuente Tamao texto Alineacin texto Color fondo
Logotipo Posicin logotipo tamao logotipo
Botoneslinks Color texto Estilo fuente Tamao texto Alineacin texto Posicin botn Tamao botn Color fondo
108
IT. CD. VALLES
Directorio
Descripcindecomponente
Descripcindetexto Color texto Estilo fuente Espaciado lneas Tamao texto Color fondo
Testdemejora Color texto Estilo fuente Espaciado lneas Tamao texto Color fondo
Logotipo Posicin logotipo Tamao logotipo
UnidadesUPN
109
IT. CD. VALLES
Licenciaturas
Maestras
110
IT. CD. VALLES
Servicodecomedor
Fotografaservicio Estilo borde Dimensin horizontal Dimensin vertical Posicin fotografa
AdmisinLicenciaturas
111
IT. CD. VALLES
Saladecmputo
Serviciosculturales
112
IT. CD. VALLES
Interfazdeacceso
Serviciosescolares
Mostrar () Consultar () Regresar () Cerrar ()
Mostrar () Consultar () Cerrar () Regresar ()
Botones Texto Color texto Estilo fuente Espaciado lneas Tamao texto Color fondo Color texto Estilo fuente Tamao texto Alineacin texto Posicin botn Tamao botn Color fondo
Fotografa Estilo borde Dimensin horizontal Dimensin vertical Posicin fotografa
113
IT. CD. VALLES
ANEXO 16. DISEO DE LA BASE DE DATOS VERSION 1

ALUMNO PK matricula apellidopat apellidomat nombre nivel clavecarrera clavemateria PK CARRERA clavecarrera nombrecarrera plan clavemateria
FK1
FK1 FK3
ASESORES PK claveasesor apellidopatase apellidomatase nombreasesor clavemateria clavecarrera
MATERIAS PK clavemateria nombremateria clavecarrera creditos clavecarrera matricula FK1
FK1 FK2
CALIFICACIONES
FK1
FK2
matricula calificacion observacion periodo tipo clavemateria
114
IT. CD. VALLES
ANEXO 17. DISEO DE INTERFAZ DEL PORTAL DE LA UPN VERSIN 1
LOGOTIPO DE LA UPN
UNIVERSIDAD PEDAGGICA NACIONAL UNIDAD 242
LOGOTIPO DE LA SEGEST
QUE ES LA UPN? CARRERAS ADMISION SERVICIOS AREAS ACADMICAS PUBLICACIONES NOTICIAS UPN
GRFICO
MAPA DEL SITIO
GRFICO
BIBLIOTECA
GRAFICO
CORREOS ELECTRONICOS
GFICO
TEXTO DE LA PAGINA INICIAL

PAGINAS UPN
BUZON DE QUEJAS Y SUGERENCIAS
TEST DE MEJORA DEL PORTAL
115
IT. CD. VALLES
ANEXO 18. MTRICA ORIENTADA A LA FUNCIN VERSIN 1

Parmetros de medicin
Nmeros de entradas de usuario Nmeros de salidas de usuario Nmero de peticiones de usuario Nmero de archivos Nmero de interfaces externas
Factor de Ponderacin Cuenta 7 $

X
Simple
3
Medio 4
Complejo
6 =
28
25
29
116
3 32
10 7
15
30 224
10
Cuenta Total
423
PF=423 * [ 0.65 + 0.01 * 6 (Fi) ] =423 [ 0.65 + 0.01 * 6 (56) ] = 423 [ 0.66 * 336 ] = 423 [ 221.76 ] PF =93804.48
116
IT. CD. VALLES
ANEXO 19. PRUEBAS DE CONFIGURACIN VERSIN 1

Prueba del index.php en Internet Explorer con un Sistema Operativo en Windows Vista Home:
117
IT. CD. VALLES
Prueba del index.php en Mozilla Firefox con un Sistema Operativo en Windows XP Profesional Versin 2002:
118
IT. CD. VALLES
ANEXO 1. DISEO DE COMPONENTES VERSION 2
UPN 242
Bienvenida Directorio Nombre Puesto que funge Correo electrnico Telfono Direccin Mostrar () Cerrar () Regresar () Unidades UPN Convenios Documentos Oficiales
Carreras
Licenciaturas Maestria
Admisin
Licenciaturas
Servicios
Cafetera Sala de Cmputo Servicio social Servicios culturales Servicios escolares
Publicaciones
Libros Nombre Autor Ao Edicin Mostrar () Cerrar () Regresar () Revistas Nombre Ao Mostrar () Cerrar () Regresar () Convocatorias Nombre Publicador A quien dirigido Fecha Mostrar () Cerrar () Regresar ()
119
IT. CD. VALLES
Noticias UPN
Locales Tipo Publicador Fecha Mostrar () Cerrar () Regresar () Escolales Tipo Publicador Fecha Mostrar () Cerrar () Regresar () Culturales Tipo Publicador Fecha Mostrar () Cerrar () Regresar () Varios Tipo Fecha Mostrar () Cerrar () Regresar ()
Biblioteca
Catlogo bibliogrfico Nombre Autor Ao Edicin Mostrar () Cerrar () Regresar ()
Correos electrnicos
Correo Maestros Nombre Correo electrnico Mostrar () Cerrar () Regresar () Correo UPNs Unidad Direccin Correo electrnico Mostrar () Cerrar () Regresar ()
Buzn de Quejas y Sugerencias

Quejas y Sugerencias Nombre Fecha h Comentario Depto. dirigido Mostrar () Cerrar () Regresar ()
Mapa de sitio
Ubicacin
120
IT. CD. VALLES
Consulta y Registro de Calificaciones

Interfaz del Administrador Interfaz del Alumno Boleta de Calificaciones
Cubo de Fotos
Cubo fotogrfico
121
IT. CD. VALLES
ANEXO 2. DISEO ARQUITECTNICO VERSION 2

INICIO Mapa del sitio Biblioteca Correos electrnicos Pginas UPN Buzn de quejas y sugerencias Consulta y registro de calificaciones UPN 242 Bienvenida Directorio Unidades UPN Convenios Documentos oficiales CARRERAS Licenciaturas Maestras
BIBLIOTECA Catlogo bibliogrfico
ADMISIN Licenciaturas
SERVICIOS Servicios escolares Servicio social Servicios culturales Sala de cmputo cafetera
NOTICIAS Locales Escolares Culturales Varios
CORREOS ELECTRNICOS Correos-Docentes Direcciones UPNs
BUZON DE QUEJAS Y SUGERENCIAS Quejas y sugerencias
CONSULTA Y REGISTRO DE CALIFICACIONES Interfaz de acceso del alumno y administrador. Boleta de calificaciones. Interfaz de ingreso de calificaciones.
GALERA FOTOGRFICA Cubo fotogrfico
122
IT. CD. VALLES
ANEXO 3. DISEO DE NAVEGACIN VERSION2
INICIO
Galera fotogrfica
Cubo fotogrfico
Consulta y registro de calificacion

Boleta de calificacion es
UPN 242
Mapa de sitio
Carreras
Admisin
Noticias UPN Biblioteca Publicaciones Correos electrnicos
Buzn de quejas y sugerencias
Ingreso de calificacion es
Bienvenida
Unidades UPN
Documentos oficiales
Licenciaturas Noticias escolares
Interfaz de acceso alumnadministrad or Noticias culturales
Servicios
Directorio Convenios Licenciaturas Maestras
Correos maestros
Direcciones UPN
Noticias varios
Catlogo bibliogrfico
Quejas y sugerencias
Cafetera
Servicios culturales
Servicios escolares
Libros
Revistas
Noticias locales
Servicio social
Sala de cmputo
Convocatorias
123
IT. CD. VALLES
ANEXO 4. DISEO DE CONTENIDO VERSION 2

Bienvenida
Descripcin de componente
Descripcindetexto Color texto Estilo fuente Tamao texto Espaciadoenlneas Color fondo
Fotografabienvenida Estiloborde Dimensin horizontal Dimensin vertical
Testdemejora Color texto Estilo fuente Tamao texto Alineacin texto Color fondo
Logotipo Posicin logotipo tamao logotipo
124
IT. CD. VALLES
Directorio
UnidadesUPN
125
IT. CD. VALLES
Licenciaturas
Maestras
126
IT. CD. VALLES
Cafetera
AdmisinLicenciaturas
127
IT. CD. VALLES
Saladecmputo
Serviciosculturales
128
IT. CD. VALLES
Galera fotogrfica
Fotos diversos Estilo borde Dimensin horizontal Dimensin vertical Posicin fotografa
Interfaz de acceso alumnoadministrador
Ingresar () Cerrar () Regresar ()
botonesacceso Color texto Estilo fuente Tamao texto Alineacin texto Posicin botn Tamao botn Color fondo
129
IT. CD. VALLES
Boleta de calificaciones
Consultar () Cerrar () Regresar ()
Botonconsulta Color texto Estilo fuente Tamao texto Alineacin texto Posicin botn Tamao botn Color fondo
Interfaz de ingreso de calificaciones
Insertar () Guardar () Cerrar ()
Botonguardar Color texto Estilo fuente Tamao texto Alineacin texto Posicin botn Tamao botn Color fondo
130
IT. CD. VALLES
ANEXO 5. DISEO DE LA BASE DE DATOS VERSION 2

ALUMNO PK matricula PK apellidopat apellidomat nombre nivel clavecarrera clavemateria CARRERA clavecarrera nombrecarrera clavemateria
FK1
FK1 FK3
MATERIAS PK clavemateria nombremateria clavecarrera creditos PK
ASESORES clavemateria apellidopatase apellidomatase nombreasesor
CALIFICACIONES
FK1
FK2
matricula calificacion observacion periodo tipo clavemateria promedio
131
IT. CD. VALLES
ANEXO 6. PRUEBA DE CONFIGURACIN VERSION 2

Prueba del index.php en Internet Explorer con un Sistema Operativo en Windows Vista Home:
132
IT. CD. VALLES
Prueba del index.php en Mozilla Firefox con un Sistema Operativo en Windows XP Profesional Versin 2002:
133
IT. CD. VALLES
ANEXO 7. METRICA ORIENTADA A LA FUNCIN VERSION 2
Parmetros De medicin
Nmeros de entradas de usuario Nmeros de salidas de usuario Nmero de peticiones de usuario Nmero de archivos Nmero de interfaces externas
Factor de Ponderacin Cuenta 10 $

X
Simple
3
Medio 4
Complejo
6 =
40
35
31
124
7 36
10 7
15
70 252
10
Cuenta Total
521
PF = cuenta-total * [0.65 + 0.01 * 6(Fi)] PF = 521* [0.65 + 0.01 * 6 (Fi)] = 521 [0.65 + 0.01 * 6 (56)] = 521 [0.66 * 336] = 521 [221.76] PF = 115536.96
134
IT. CD. VALLES
13 NDICE DE ILUSTRACIONES
Ilustracin 1. Organigrama de la UPN Unidad 242. ...............................................9 Ilustracin 2. Cuadro comparativo de herramientas.............................................17 Ilustracin 3. Modelo PHP. ..................................................................................18 Ilustracin 4 rbol de requisitos de calidad ..........................................................34 Ilustracin 5 Pirmide de diseo para la Ingeniera Web. ....................................36 Ilustracin 6. El proceso de prueba......................................................................43 Ilustracin 7 Prueba de componentes..................................................................61 Ilustracin 8 Prueba de componentes versin 2 ..................................................63 Ilustracin 9 Prueba de navegacin .....................................................................64 Ilustracin 10 Prueba navegacin versin 2 ........................................................66 Ilustracin 11 Comparacin de sistemas operativos ............................................69 Ilustracin 12 Diferencias entre PostgreSQL y MySQL .......................................70
135
IT. CD. VALLES
14 INDICE ANALTICO
A
Anlisis, iv, v, 30, 32, 33, 35, 36, 48, 56, 57, 58, 59, 60, 81, 91 Apache, 73
ingeniera, ii, 24, 25, 27, 28, 29, 30, 31, 32, 37, 43, 46, 48, 49, 61, 79 Internet, 1, 5, 6, 12, 13, 14, 15, 22, 23, 35, 51, 59, 64, 65, 66, 68, 70
L
Linux, 54, 73, 84, 88, 102
B
BODY, 17, 18, 82 medicin, 30, 126, 145
C
Componente, 65, 66 Configuracin, v, vi, 58, 73, 92
Mtrica, 72 Modelo, 21, 33, 34, 147 MySQL, ii, 22, 23, 54, 75, 81, 89, 147
N D
Datos, 75 desarrollo, 1, 3, 4, 25, 26, 28, 29, 31, 37, 56, 57, 61, 72, 79, 82, 87, 88, 90, 93, 95, 96, 101 Diseo, iii, v, 37, 40, 43, 44, 45, 61, 62, 63, 87, 91, 92 Open Source, 22 Navegacin, v, 58, 68, 69
F
funcional, 34, 40, 59
P
Portal, i, ii, 3, 4, 5, 6, 13, 14, 15, 18, 21, 50, 51, 52, 53, 54, 55, 56, 58, 59, 60, 61, 62, 63, 64, 65, 66, 68, 69, 71,
H
HEAD, 17, 18, 83 HTML, ii, 12, 14, 16, 17, 18, 19, 20, 21, 26, 28, 37, 81, 82, 83, 88
72, 78, 79, 80, 87, 89, 90, 92, 93, 94, 95, 101, 102, 105, 106, 107, 108 Postgresql, 73, 75, 84 Proceso, 3, 25 Prueba, iii, iv, v, vi, 45, 47, 48, 49, 64, 65, 66, 68, 69, 71, 72, 92, 127, 128, 143, 144, 147
I R
Implementacin, vi, 73, 78, 87, 89 Requerimientos, 54, 91
136
IT. CD. VALLES
S
Servidor, 92 Sistema, 35, 54, 73 Sitio, ii, 12, 13, 16 Software, 19, 54, 73, 78
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, 111, 112, 115, 117, 118, 125, 147 URL, ii, 15, 16, 24, 84
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

Desarrollo de Un Portal Con IWeb

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Desarrollo de Un Portal Con IWeb

Cargado por

Copyright:

Formatos disponibles

DIRECCIN GENERAL DE EDUCACIN SUPERIOR TECNOLGICA INSTITUTO TECNOLGICO DE CD.

GONZLEZ MEDINA KARINA GUADALUPE RONQUILLO FLORES NETTIE

ASESOR INTERNO: ING. ROSA IMELDA GARCIA CHI

ASESOR EXTERNO: C.PRIV. IRMA NORIEGA

IT. CD. VALLES.

IT. CD. VALLES.

Funciones y objetivos de un Portal ..................................................... 11 Bloque de construccin HTML ........................................................... 12

4.9.1 Como conseguir un dominio.......................................................... 21 4.10 Ingeniera web ................................................................................. 22

4.12.1 Formulacin de sistemas en Web ............................................... 26

IT. CD. VALLES.

IT. CD. VALLES.

7.3.1 Anlisis de recursos y factibilidad ................................................. 52

IT. CD. VALLES.

7.3.2 Anlisis de riesgos ........................................................................ 53 7.4 Anlisis ............................................................................................... 54

7.6.1 Prueba de configuracin ............................................................... 60 7.6.2 Prueba de componentes ............................................................... 60

IT. CD. VALLES.

7.7.1 Validacin del avance ................................................................... 67 7.8 Implementacin .................................................................................. 68

2.2 Objetivos especficos

3 CARACTERIZACIN DEL REA DONDE SE PARTICIP

3.2 Descripcin del rea de trabajo

3.3 Antecedentes de la empresa

IT. CD. VALLES

SUBDIRECCIN ACADMICA MTRO. JUAN JOSE AMARO VARGAS

JEFATURA ADMINISTRATIVA IRMA NORIEGA

COMISIN DE TITULACIN MTRO. BLAS LARA BARRON

DEPENDENCIAS DE EDUCACIN SUPERIOR

PERSONAL ADMINISTRATIVO Y DE APOYO

SERVICIOS ESCOLARES MA. GRISELDA BARRA

SUBSEDE TAMAZUNCHALE, S.L.P PROFRA. ANGELINA HERNNDEZ MENDEZ COORDINADORA

SEDE CD. VALLES MTRO. BLAS LARA BARRN COORDINADOR

SUBSEDE RIOVERDE, S.L.P. PROFR. FELIPE MARTINEZ RIVERA COORDINADOR

FUENTE: DIRECCIN ADMINISTRATIVA DE LA UPN. Ilustracin 1. Organigrama de la UPN Unidad 242.

IT. CD. VALLES

4.2 La World Wide Web

IT. CD. VALLES

4.4 Funciones y objetivos de un Portal

IT. CD. VALLES

4.5 Bloque de construccin HTML

IT. CD. VALLES

4.5.1 Los URL

IT. CD. VALLES

4.5.2 Como Disear Su Sitio

IT. CD. VALLES

3. Cree el contenido HTML. 4. Asegrese de guardar su archivo. (CASTRO, 2001)

IT. CD. VALLES

4.5.3 Hojas de estilo

IT. CD. VALLES

4.5.4 Herramientas HTML

http://www.macromedia.com/ Software/Dreamweaver; demo disponible.

Adobe GoLive (M, W)

http://www.adobe.com/prodindex /GoLive/main.html; demo disponible.

NetObjects Fusion (M, W)

IT. CD. VALLES

Ilustracin 3. Modelo PHP.

IT. CD. VALLES

IT. CD. VALLES

4.9 Como publicar la pgina en la Web

IT. CD. VALLES

visitado su sitio? (CASTRO, 2001)

4.9.1 Como conseguir un dominio

IT. CD. VALLES

4.10 Ingeniera web 4.10.1 Estratos de la ingeniera web de WebApp

IT. CD. VALLES