Memoria Modificada Cap 1,2,3,4,5

UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL Organismo Pblico Descentralizado del Estado de Mxico
Divisin de Tecnologas de la Informacin y Comunicacin rea Redes y Telecomunicaciones Carrera de Ingeniera en Tecnologas de la Informacin y Comunicacin
Sistema Integral de Optimizacin de Recursos APCCE Asociacin para la Promocin de la Cultura Cvica y Ecolgica T E P R S O I N A F E S D E E S I O N A L 5 A T A N I D V A E L
QUE PARA OBTENER EL TTULO DE INGENIERO EN TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN
FRANCISCO CABAAS DURAN EDGAR FELIPE CORONA RENTERIA EVERARDO ALFONSO REYES MARTNEZ
SELENE SARAI ROS BECERRA GUSTAVO ESQUIVEL MUOZ
. Netzahualcyotl Estado de Mxico, a 25 de Mayo del 2011. GENERACIN I
UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL Organismo Pblico Descentralizado del Estado de Mxico
Divisin de Tecnologas de la Informacin y Comunicacin rea Redes y Telecomunicaciones
Sistema Integral de Optimizacin de Recursos APCCE Asociacin para la Promocin de la Cultura Cvica y Ecolgica T E P R S O I N A F E S D E E S I O N A L 5 A T A N I D V A E L
QUE PARA OBTENER EL TTULO DE INGENIERO EN TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN
FRANCISCO CABAAS DURAN EDGAR FELIPE CORONA RENTERIA EVERARDO ALFONSO REYES MARTNEZ
ING. SELENE SARAI ROS BECERRA .
C. GUSTAVO ESQUIVEL MUOZ
Netzahualcyotl Estado de Mxico, a 25 de Mayo del 2011. GENERACIN I
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.
Dedicatoria
Mi tesina la dedico con todo el cario del mundo.
A DIOS por permitirme lograr esta meta personal ayudndome con salud, conocimiento y paciencia para lograr culminar satisfactoriamente mi educacin.
A mis padres Teresa y Roberto, que han estado conmigo apoyndome en todo momento desde el momento que decid emprender esta empresa de obtener una ingeniera, y gracias a su apoyo incondicional hoy puedo decir gracias por la confianza, la paciencia y sobre todo a su amor demostrado a lo largo de toda mi carrera y de mi vida. Por eso esta memoria se las dedico a ustedes, por ser fruto
de todos sus esfuerzos en la difcil tarea de proporcionarme educacin y ser una persona de valores para poder luchar en la vida con cada una de sus enseanzas, con lo cual me siento orgulloso de poder decirles lo logre y es para ustedes.
A mis hermanos Alexis, Edith, Iraiz y Luis les dedico esta memoria por todo su apoyo que me han brindado y ser un bastin en cada momento que lo he requerido los quiero y les agradezco cada una de las cosas que han hecho ustedes para hacer posible este momento.
A mi novia Mara del Carmen por demostrarme a cada instante tu apoyo incondicional y gracias a tu amor me has incentivado para lograr culminar con xito esta etapa de mi vida.
Y a todos mis amigos que han estado apoyndome en todo momento desde que inicie mi carrera para llevar a buen camino esta empresa que es mi educacin.
Cabaas Dura Francisco Pgina | 3
Dedicatoria Mi tesina la dedico con todo mi amor y cario. Con mucho cario principalmente a mis padres que me dieron la vida y han estado conmigo siempre. Gracias por todo pap y mam por darme una carrera para mi futuro y por creer en m, por que siempre han estado apoyndome y brindndome todo su amor, por todo esto les agradezco de todo corazn el que estn conmigo a mi lado. Los quiero de todo corazn y este trabajo que me llevo varios meses en hacerlo es para ustedes, como soy el hijo nico aqu esta lo que me brindaron, con este trabajo les doy las gracias por lo que me dieron en un principio. A mi ta Elizabeth, te doy las gracias por estar conmigo en las buenas y en las malas y apoyarme en todo con que necesitaba y la quiero mucho y que siempre va estar conmigo y yo con usted. A mi abuelita Mara Guadalupe, porque siempre he recibido mucho cario de usted y le doy las gracias por que ha estado conmigo siempre en las buenas como en las malas y eso apoyo que me han brindado y porque no me va a dejar nunca.
Corona Rentara Edgar Felipe
Pgina | 4
Dedicatoria Mi tesina la dedico con todo mi amor y cario. Con mucho cario principalmente a mis padres que me dieron la vida y han estado conmigo en todo momento. Gracias por todo pap y mam por darme una carrera para mi futuro y por creer en m, aunque hemos pasado momentos difciles siempre han estado apoyndome y brindndome todo su amor, por todo esto les agradezco de todo corazn el que estn conmigo a mi lado. Los quiero de todo corazn y este trabajo que me llevo meses en hacerlo es para ustedes, como soy el ltimo hijo aqu esta lo que me brindaron, con este trabajo les doy las gracias por lo que me dieron de un principio. Tambin se la dedico a la vigsima primera zona militar de fuerzas especiales de infantera y artillera donde viv los aos ms grandiosos de mi vida y fue all donde mis primeros ideales tomaron forma, y por lo cual me hizo que me convirtiera en todo lo contrario a un conformista. A mis hermanos les doy las gracias por estar conmigo en las buenas y en las malas y apoyarme en todo con que necesitaba, los quiero mucho y siempre van a estar conmigo y yo con ustedes.
Reyes Martnez Everardo Alfonso
Pgina | 5
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Resumen
El proyecto que a continuacin se presenta, versa acerca de la implementacin de un Sistema Integral de Optimizacin de recursos (SIORA), para la empresa APCCE, la cual es una empresa relativamente nueva y de naturaleza emergente, por tal motivo an no contaba con una aplicacin web, por ello se busco acercar a esta asociacin al uso de tecnologas web para mejorar su funcionamiento en el aspecto operacional de cada uno de los procesos generados dentro de la organizacin.
Para el desarrollo de la aplicacin web propuesto para APCCE se utilizaron diversos software, utilizando diversos lenguajes de programacin como son HTML, CCS, PHP, Java Script, Flash, Diseo de Imgenes, as mismo se utilizo un gestor de base de datos basados en MySQL, lo cual complemento este sistema. Tambin se utilizo la metodologa Rational Unified Proced (PUP) y la programacin orientada a objetos.
De esta manera se creo un Sistema Web, con una interfaz amigable, el cual se conecta a un gestor de base de datos permitiendo almacenar la informacin requerida por cada usuario, de acuerdo a las necesidades de la empresa APCCE, dando as un paso importante en la implementacin de tecnologas web para el desarrollo de la empresa.
Pgina | 6
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Abstrac
For the construction of SIORA system, was made use different softwares for its development, because the enterprise lacks of an own infrastructure for the development of web systems, so was used free software license. As a consequence we developed a web system for the optimization of resources APCCE enterprise, using programming languages such as HTML, CCS, PHP, Java Script, Flash, image Design, as well as used a manager of database MySQL which complement the system.
In this way we designed an optimal system for the development of the own activities APCCE enterprise, using the RUP methodology and Programming Object Oriented. Besides we achievement the developed of a web system with a friendly interface, which will connect to a database, which will storage the important information required by each user according with the APCCE enterprise needs.
Using SIORA at APCCE enterprise we are improving the resources and the implementation of new technologies to accomplish its purpose, for this reason, we are very pleased for having provided our knowledge as engineers programmers.
Pgina | 7
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. ndice DEDICATORIA ........................................................................................................... 3 RESUMEN .................................................................................................................. 6 ABSTRAC ................................................................................................................... 7 NDICE ........................................................................................................................ 8 CAPITULO 1 ANTECEDENTES ............................................................................... 10 1.1 ANTECEDENTES DE LA EMPRESA ........................................................................ 11 1.2 ANTECEDENTES DEL PROYECTO ......................................................................... 13 1.3 DIAGNOSTICO PREVIO AL PROYECTO ................................................................... 14 1.4 PROPUESTA DERIVADA DEL DIAGNOSTICO ........................................................... 14 1.5 JUSTIFICACIN .................................................................................................. 15 CAPITULO 2. PLANEACIN PARA EL DESARROLLO DEL PROYECTO............ 16 2.1 OBJETIVOS DEL PROYECTO ................................................................................ 17 2.1.1 Objetivo general ...................................................................................... 17 2.1.2 Objetivos especficos............................................................................... 17 2.2 ALCANCE .......................................................................................................... 17 2.3 ESTRATEGIA DE DESARROLLO ............................................................................ 18 2.4 RECURSOS REQUERIDOS PARA LA REALIZACIN DEL PROYECTO ............................ 22 2.4.1 Recurso humano ..................................................................................... 22 2.4.2 Recurso Material ..................................................................................... 24 2.4.3 Programa de actividades ......................................................................... 28 CAPITULO 3. MARCO TERICO ............................................................................ 30 3.1 ELEMENTOS CONCEPTUALES .............................................................................. 31 3.2 TECNOLOGAS W EB UTILIZADAS PARA SU DESARROLLO. ...................................... 37 3.2.1 Tecnologas de Programacin ................................................................. 37 3.2.2 Servidores ............................................................................................... 39 3.2.3 Aplicaciones de para su desarrollo .......................................................... 39 Pgina | 8
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. CAPITULO 4. ANLISIS Y DISEO DE SIORA ...................................................... 41 4.1 DIAGRAMAS DE CASO DE USO ............................................................................ 42 4.2 DIAGRAMA DE CLASE......................................................................................... 63 4.3 DIAGRAMA DE SECUENCIA ................................................................................. 64 CAPITULO 5. DESARROLLO DE SIORA ................................................................ 73 5.1 DESARROLLO DE BASE DE DATOS ...................................................................... 74 5.1.1 Instalacin de AppServ ............................................................................ 74 5.1.2 Creacin de la base de Datos ................................................................. 82 5.1.3 Diccionario de Datos ............................................................................... 87 5.2 DESARROLLO DE INTERFACES ............................................................................ 90 5.2.1 Diseo del Mapa de Navegacin ............................................................. 91 5.2.2 Sistema SIORA ....................................................................................... 92 5.3 DESARROLLO DEL CDIGO DE PROGRAMACIN SIORA ...................................... 101 5.3.1 Pantalla Inicial ....................................................................................... 101 5.3.2 Pantalla de Registro de usuarios ........................................................... 104 5.3.3 Pantalla inicio de Sesin ....................................................................... 107 5.3.4 Pantalla de Noticias ............................................................................... 109 5.3.5 Pantalla de Archivos .............................................................................. 111 CONCLUSIONES Y RECOMENDACIONES .......................................................... 113 FUENTES................................................................................................................ 116
Pgina | 9
Capitulo 1 Antecedentes
Pgina | 10
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 1.1 Antecedentes de la empresa
HISTORIA
La inquietud por mejorar las condiciones emocionales en la dinmica moderna de las familias mexicanas, llev a emprender acciones encaminadas a resolver esta problemtica social. Por ah de los aos 92-93 se inicio este recorrido en la labor social; trabajando con matrimonios, jvenes, crculos de novios, madres solteras etc., dentro de una estructura denominada (MFC).
La ausencia y falta de inters por parte de las autoridades y algunas organizaciones sociales, as como la apata y poca participacin de la sociedad en general, determino tratar de comprender que el problema identificado, va mas distante de lo que se pensaba en un principio y que era necesario realizar estrategias que
impacten de forma mas efectiva y a un mayor nmero de poblacin, principalmente a la poblacin mas sensible y propensa a la vulnerabilidad; esto con la finalidad de evitar que la ausencia de valores encamine a sufrir una crisis social.
Con el paso del tiempo y con las experiencias adquiridas los obstculos que se han presentado se dio la motivacin para alcanzar las metas y objetivos de la organizacin, transitando por diferentes organismos, asistiendo a capacitaciones, cursos, conferencias, talleres y con el apoyo de varios miembros de la comunidad; siendo as la forma en que se decide crear y constituir legalmente el da 09 -11 -09 a la asociacin APCCE A.C., y as seguir contribuyendo en el mejoramiento de la calidad de vida de la sociedad comunidad.
Pgina | 11
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. MISIN
Ser una institucin que contribuya en el mejoramiento del ncleo de nuestra sociedad por medio de acciones que generen una cultura de la prevencin y conciencia sobre la importancia de nuestras familias y nuestro entorno VISIN
La interaccin y convivencia social en un mbito de entendimiento sin prejuicio de las actividades sociales, cuales quiera que estas sean y por ende sin el menos cavo de nuestro entorno; promoviendo los valores humanos y universales.
PRINCIPIOS
espritu de servicio solidaridad actitud positiva responsabilidad social respeto al medio ambiente
OBJETIVOS GENERALES
promover y apoyar el desarrollo social a travs de la ejecucin de programas sociales brindar asesora a personas en situacin de marginacin, vulnerabilidad y pobreza concientizar sobre la importancia, sobre nuestra dignidad humana sensibilizar a la las familias respecto de la civilidad llevar a cavo conferencias, talleres, capacitaciones, flyer informativos a fin de promover la cultura de la prevencin en todos los mbitos de nuestra vida. implementar acciones que coadyuven en cambios significativos en Mxico. Pgina | 12
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Promocin del autoempleo.
1.2
Antecedentes del Proyecto
En el anlisis realizado a las Asociacin para la Promocin de la Cultura Cvica y Ecolgica S.A. (APCCE) a travs del Director General, se obtuvo la informacin pertinente para iniciar el trabajo de creatividad, lo cual consiste en adaptar ideas para la solucin de una necesidad especfica para APCCE. Tomando en cuenta que
la asociacin no tiene implementado ningn sistema de naturaleza automatizada como lo es una aplicacin web, se decidi establecer como punto de partida la creacin de un sistema web, el cual estar enfocado a optimizar los recursos de la empresa, proporcionando as una herramienta poderosa para la administracin de los procesos establecidos para el desarrollo diario de APCCE.
Un sistema web hace posible interactuar de manera eficaz con cada uno de los recursos humanos disponibles en una empresa, agilizando el flujo de informacin y de servicios proporcionados. Tambin hace posible el acceso no solo del
personal interno, sino de todos aquellos agentes externos que de alguna manera necesiten interactuar con los servicios proporcionados por este sistema web (empresa).
La aplicacin web es un sistema orientado a solucionar y optimizar la actividad en tiempo real de cada una de las areas de la organizacin APCCE desde cualquier parte del pas o del mundo en tiempo real, lo cual se puede realizar de manera sencilla a travs de un equipo de computo conectado a internet ya sea de manera local o publica
Con el flujo de informacin en lnea los administradores de la organizacin APCCE pueden dar seguimiento a cada uno de los proyectos realizados por esta empresa en Pgina | 13
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. cualquier momento que as lo requirieran. Adems de permitir mediante niveles
de privilegio accesar a los usuarios a la informacin vital para el desarrollo de APCCE, as mismo de acurdo al nivel de acceso se podr actualizar, eliminar, consultar la informacin dentro de la base de dato 1.3 Diagnostico previo al proyecto
Analizando la situacin se encontr que no se cuenta aun con un sistema de organizacin o administracin de actividades automatizada dentro de APCCE, no hay control automatizado de los procesos, y no existe una base de datos en donde se guarde la informacin respecto a los proyectos que maneja la organizacin; Es decir los procesos de logstica de la empresa an se realizan de forma manual, lo cual genera retrasos, confusin y prdida de informacin.
1.4
Propuesta derivada del diagnostico
Una vez identificado el problema dentro de la empresa APCCE el cual consiste en la ausencia de uso de herramientas tecnolgicas dentro de la misma y siendo que la organizacin se encuentra en continuo crecimiento, abordando nuevos proyectos, se hace necesario la utilizacin de herramientas tecnolgicas como las computadoras y el internet para optimizar recursos y redimensionar los esfuerzos de la organizacin con sus objetivos.
Por lo tanto se plantea que APCCE se apoye en un sistema web, con el cual podr hacer uso del Internet para poder dar difusin al objetivo propio de la empresa y facilitar la obtencin de informacin por parte de sus afiliados, as mismo hacer llegar esta informacin a la gente interesada en conocer de los servicios de APCCE
Pgina | 14
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 1.5 Justificacin
La finalidad de la creacin de un sistema web dentro de la empresa APCCE es facilitar al personal de esta organizacin el control de la informacin y el desarrollo de sus actividades y proceso llevados a cabo en la empresa, automatizndolos para eficientar los servicios en su conjunto de la Asociacin para la Promocin de la Cultura Cvica y Ecolgica, as se generara un estndar de trabajo con procesos automatizados en lnea y adaptables en cualquier momento a las necesidades de la organizacin.
As mismo la finalidad de este sistema web es facilitar el control de la informacin de acuerdo a privilegios adaptados al perfil de cada usuario que interactu con el sistema, de esta manera se evitara la fuga de informacin, retrasos en la fluidez de informacin, disminucin de tiempos en la organizacin de proyectos y todo aquello que conlleve a mejorar los servicios de la empresa.
Lo interesante para APCCE con respecto al Sistema Integral de Optimizacin de recursos APCCE (SIORA), es que solo el personal autorizado podr acceder a la informacin vital de la empresa, as podr modificar, consultar, agregar y eliminar de forma detallada la informacin contenida en el gestor de base de datos.
Pgina | 15
Capitulo 2. Planeacin para el desarrollo del proyecto
Pgina | 16
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 2.1 Objetivos del proyecto 2.1.1 Objetivo general
Ofrecer una herramienta informtica en ambiente web la cual permita facilitar el acceso y manejo de la informacin de forma oportuna y eficiente a la empresa APCCE.
2.1.2
Objetivos especficos
Disear y desarrollar un Sistema web para la Optimizacin de Recursos en APCCE denominado SIORA. Disear una base de datos para la seguridad y el control de la informacin de los usuarios de acuerdo a los niveles de privilegios de acceso. Implementar la pagina en un servidor de prueba AppServ para lograr acceder de forma rpida a la informacin del modulo solicitado.
2.2
Alcance
El proyecto SIORA es de naturaleza institucional pues la aplicacin web ser desarrollada y buscar controlar toda la informacin utilizada en la organizacin APCCE as tambin agilizara los procesos dentro de esta empresa, lo cual permitir ingresar a los usuarios de acuerdo a su perfil desde cualquier parte de la republica o del mundo si as lo requiriera.
Haciendo fluir de esta manera la informacin que se encuentre disponible y pueda ser guardada, eliminada, consultada o actualizada en una base de datos. Sin embargo el acceso a la aplicacin ser controlado por los privilegios otorgados a cada usuario.
Pgina | 17
2.3
Estrategia de desarrollo
Debido a la naturaleza del proyecto se decidi implementar la metodologa Proceso Unificado Racional (RUP), por cubrir las necesidades tcnicas para el desarrollo de SIORA, la cual consiste en:
Un proceso de desarrollo de software y junto con el Lenguaje Unificado de Modelado UML, constituye la metodologa estndar ms utilizada para el anlisis,
implementacin y documentacin de sistemas orientados a objetos.
El RUP no es un sistema con pasos firmemente establecidos, sino que trata de un conjunto de metodologas adaptables al contexto y necesidades de cada organizacin, donde el software es organizado como una coleccin de unidades atmicas llamados objetos, constituidos por datos y funciones, que interactan entre s.1
RUP se divide en 4 fases, dentro de las cuales se realizan varias iteraciones segn el proyecto y en las que se hace mayor o menos esfuerzo en las distintas actividades.
En las iteraciones de cada fase se hacen diferentes esfuerzos en diferentes actividades: Fase de Inicio: (Inspeccin y Concepcin) Se hace un plan de fases, donde se identifican los principales casos de uso y se identifican los riesgos. Se concreta la idea, la visin del producto, como se enmarca en el negocio, el alcance del proyecto.
http://es.scribd.com/doc/31440864/Metodologia-RUP
Pgina | 18
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Durante la fase de inicio las iteraciones hacen poner mayor nfasis en actividades modelado del negocio y de requisitos. En esta fase se realizan los siguientes pasos. Un documento con la visin del proyecto. El modelo de Casos de Uso con una lista de todos los Casos de Uso y los actores que puedan ser identificados. Un glosario inicial del proyecto. Un Caso de Uso inicial de Negocio el cual incluye: contexto del negocio, criterios de xito y planificacin financiera. Un estudio inicial de riesgos. Un plan del proyecto que muestre las fases y las iteraciones. El objetivo de esta fase, y el establecer el modelo de negocio es entender las funciones de la organizacin del cliente, tanto en estructura como en sus procesos. Su objetivo es modelar funciones y roles que realiza la organizacin para realizar ms fcilmente la reingeniera de procesos o la implantacin del nuevo sistema. Tambin se describe lo que el sistema tendra que realizar y permitir que los desarrolladores y el cliente estn de acuerdo con esta descripcin. Para ello se realizarn las siguientes subfases: Describir los requerimientos funcionales y no funcionales (rendimiento esperado, plataformas soportadas, integracin con sistemas externos, etc.). Capturar un glosario o vocabulario del sistema o proyecto (mediante documento y clases conceptuales). Encontrar actores y casos de uso. Describir los casos de uso mediante su flujo principal, variaciones y excepciones. Asignar prioridades a los casos de uso encontrados para poder planificar la iteracin en forma de anlisis, diseo e implementacin. Modelar la interfaz de usuario (diseo lgico). Pgina | 19
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Prototipo de la interfaz de usuario (diseo fsico). Fase de Elaboracin: se realiza el plan de proyecto, donde se completan los casos de uso y se mitigan los riesgos. Planificar las actividades necesarias y los recursos requeridos, especificando las caractersticas y el diseo de la arquitectura. En esta fase las iteraciones se orientan al desarrollo de la arquitectura, que incluye los flujos de trabajo de requerimientos, modelo de negocios
(refinamiento), anlisis, diseo y una parte de implementacin orientado a la arquitectura. En esta fase se realizan las siguientes subfases: Un modelo de Casos de Uso con todos los actores identificados y la mayor parte de las descripciones de Casos de Uso. Requerimientos adicionales: no funcionales o pseudo requerimientos. Descripcin de la arquitectura del software. Prototipo ejecutable de arquitectura. Una lista revisada de riesgos. Plan del proyecto, incluyendo iteraciones y criterios de evaluacin para cada iteracin. Manual preliminar de usuario. En esta fase se especifican los requerimientos y se describen sobre cmo se van a implementar en el sistema: transformar los requisitos al diseo del sistema, desarrollar una arquitectura para el sistema, y adaptar el diseo para que sea consistente con el entorno de implementacin
Fase de Construccin: se basa en la elaboracin de un producto totalmente operativo y en la elaboracin del manual de usuario. Construir el producto, la arquitectura y los planes, hasta que el producto est listo para ser enviado a la comunidad de usuarios. Pgina | 20
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Se implementan las clases y objetos en ficheros fuente, binarios, ejecutables y dems. El resultado final es un sistema ejecutable. Para ello se realizarn las siguientes subfases: El producto de software integrado sobre la plataforma adecuada. Los manuales de usuario. Una descripcin de la versin actual. Planificar qu subsistemas deben ser implementados y en qu orden deben ser integrados, formando el Plan de Integracin. Cada implementador decide en qu orden implementa los elementos del subsistema. Si encuentra errores de diseo, los notifica. Se integra el sistema siguiendo el plan. En la parte de Pruebas se evala la calidad del producto, pero no para aceptar o rechazar el producto al final del proceso de desarrollo, sino que debe ir integrado en todo el ciclo de vida. Se deben encontrar y documentar defectos en la calidad del software. Generalmente asesora sobre la calidad del software percibida, provee la validacin de los supuestos realizados en el diseo y especificacin de requisitos por medio de demostraciones concretas, verificar las funciones del producto de software segn lo diseado y que los requisitos tengan su apropiada implementacin. En la parte de despliegue se produce con xito distribuciones del producto y distribuirlo a los usuarios. Las actividades implicadas incluyen: Probar el producto en su entorno de ejecucin final. Instalar el software. Proveer asistencia y ayuda a los usuarios. Migrar el software existente o convertir bases de datos. Durante todo el proyecto se ejecutan las fases de gestin del proyecto, donde se vigila el cumplimiento de los objetivos, gestin de riesgos y restricciones para
Pgina | 21
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. desarrollar un producto que sea acorde a los requisitos de los clientes y los usuarios. En la cual se realizan las tareas: Proveer un marco de trabajo para la gestin de proyectos de software intensivos. Proveer guas prcticas realizar planeacin, contratar personal, ejecutar y monitorear el proyecto.
Fase de Transicin: se realiza la instalacin del producto en el cliente y se procede al entrenamiento de los usuarios. Realizar la transicin del producto a los usuarios, lo cual incluye: manufactura, envo, entrenamiento, soporte y mantenimiento del producto, hasta que el cliente quede satisfecho, por tanto en esta fase suelen ocurrir cambios.
Con estas fases se logra ejecutar un conjunto de mejores prcticas, como lo son: Desarrollar Software Iterativamente. Modelar el software visualmente. Gerenciar los Requerimientos. Usar arquitecturas basadas en componentes. Verificacin contina de la calidad. Gerenciar los cambios.
2.4
Recursos requeridos para la realizacin del proyecto
2.4.1
Recurso humano
Pgina | 22
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Descripcin de funciones
Personal que se encargara de darle el seguimiento al desarrollo de la aplicacin SIORA. Personal Funcin Definicin de la programacin y programacin del sistema de acuerdo a los requisitos del cliente. Coordinador de Desarrollo Apoyo en la implementacin de configuraciones. Desarrollo de nuevos productos (elaboracin de materia de respaldo y capacitacin)
Tres T.S.U postulantes a ingenieros nivel 5 para el desarrollo de la aplicacin SIORA. Personal Funcin 1 Lder de Proyecto Administrara y delegara responsabilidades a los integrantes del equipo en la elaboracin del sistema SIORA basndose para ello en su diagrama de actividades 2 Analistas Encargados de visualizar el proceso con el cual se desarrolla el sistema SIORA, haciendo que este permita manejar los recursos de manera optima dentro de los procesos inherentes a APCCE 3 Programadores Estos se encargaran de la funcionalidad operativa que poseer el sistema SIORA, enfocando sus esfuerzos a buscar herramientas que permitan facilitar esta acticvidad. 1 Diseadores WEB Se encargaran del aspecto visual del sistema SIORA dentro del ambiente web.
Pgina | 23
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 2.4.2 Recurso Material
Para operar el sistema SIORA , su equipo debe contar con al menos :
Hardware
Procesador Pentium 4 o superior 512 MB de memoria RAM (mnima recomendada) 1 GB de espacio libre en disco duro (mnimo recomendado) Resolucin del monitor de 1024 por 768 pixeles (mnima recomendada) Tarjeta Ethernet o superior
Software
Navegador Internet Explorer 6.0 o superior con el Service Pack 1. Acrobat Reader versin 5.0 o superior Sistema Operativo Windows xp o superior
Nota importante:
Verifique que su equipo de cmputo cumpla con los requisitos de software y hardware mencionados en este apartado antes de operar el sistema.
Requerimientos tcnicos para el desarrollo del sistema SIORA
3 computadoras para el desarrollo del Sistema SIORA, los cuales deben de contar con las siguientes caracteristicas:
Sistema operativo Windows XP Profesional Versin 2002 Pgina | 24
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Service Pack 3 Procesador Intel Celeron CPU E3200 a 2.40GHz 2.40GHz 988 MB de RAM
Serie del procesador Intel Essential Intel Desktop Board DG41RQ
CARACTERSTICAS Y BENEFICIOS Factor de forma microATX (9,60 pulgadas por 8.60 pulgadas) 1. Soporte para un procesador Intel Core 2 Quad (95 W TDP) en un zcalo LGA775 2. Soporte para un procesador Intel Core 2 Duo en un zcalo LGA775 3. Soporte para un procesador Intel Pentium en un zcalo LGA775 4. Soporte para un procesador Intel Celeron en un zcalo LGA775 5. Ver todos los procesadores compatibles 1. Dos 240-pin DDR2 SDRAM de doble mdulo de memoria en lnea (DIMM) 2. Soporte para memoria DDR2 800 o DDR2 667 MHz DIMM 3. Soporte para hasta 8 GB de memoria del sistema Chipset Intel G41 Intel High Definition Audio subsistema en la siguiente configuracin: 6 canales (5.1) subsistema de audio con el Realtek ALC662 codec de audio Intel Graphics Media Accelerator X4500 integrada subsistema de grficos Legado controlador I / O para la Pgina | 25
Procesador
Memoria
Chipset
Audio
Video I/O control
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. cabecera de serie, encabezado paralelo y PS / 2 Gigabit (10/100/1000 Mbits / seg) con el subsistema de LAN Realtek * RTL 8111D 1. 8 puertos USB 2.0 2. Un conector para puerto serie 3. Un conector para puerto paralelo 4. Cuatro Serial ATA 3.0 Gb / s interfaces 5. Una interfaz ATA IDE paralela compatible con UDMA 33,66,100 apoyo 6. PS / 2 para teclado y ratn puertos 1. Una tarjeta PCI Express * x16 complemento tarjeta de conexin 2. Dos conectores de bus PCI convencional
Compatibilidad con LAN
Interfaces para perifricos
Capacidades de expansin
3 monitores de plasma 3 teclados ergonmicos marca Microsoft 3 ratones pticos marca genius
Software utilizado para el desarrollo del sistema siora Adobe Dreamweaver CS32
Dreamweaver permite a sus usuarios disear, desarrollar y mantener de forma eficaz sitios y aplicaciones Web, el propio programa va guiando al usuario en su utilizacin.
Algunas de sus caractersticas son:
Entorno de desarrollo compatible con PHP, J2EE y Microsoft.NET Diseo de pginas Webs con un interfaz completamente grfico
http://www.configurarequipos.com/descargar-adobe-dreamweaver-cs3.html
Pgina | 26
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Barra de herramientas de programacin, que facilita las operaciones de programacin ms usuales Contraccin del cdigo, para centrarse solo en el que se est utilizando Barra de herramientas de reproduccin de estilos, con la que se puede ver el resultado final Comparar archivos para ver que ha cambiado Facilidad para aadir vdeos Flash Notificacin y registro de eventos Se integra en Microsoft Word, Flash, Adobe Photoshop y otras Optimiza las pginas para las diferentes versiones de los navegadores
Appserv3
AppServ es una suite de herramientas imprescindibles para comenzar a utilizar gestores de contenidos como PHP-Nuke, Joomla o WordPress. Es un software que permite la instalacin en nuestro entorno Windows, de los siguientes paquetes:

Apache Web Server (versin 2.2.3) Lenguaje PHP (versin 5 o 4, en mi caso instale la 5.1.6) Base de datos MySQL (versin 5.0.24) Manejador de base de datos phpMyAdmin (versin 2.9.0.2)
Esto es lo que incluye el actual paquete AppServ 2.5.7, es obvio pero vale la pena recordar que como esta formado por 4 paquetes (apache, php, mysql, phpmyadmin), cada uno sigue lanzando nuevas versiones, que podemos instalar por separado o
3
http://www.tallerwebmaster.com/tutorial/instalacion-de-appserv-php-apache-mysql/67/
Pgina | 27
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. esperar la prxima versin de AppServ. Por lo general no debemos apresurarnos ya que nuestro PC lo usamos de entorno de desarrollo y testeo de las aplicaciones. Lenguajes de programacin. SQL4
El lenguaje de consulta estructurado o SQL (por sus siglas en ingls structured query language) es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones en stas. Una de sus caractersticas es el manejo del lgebra y el clculo relacional permitiendo
efectuar consultas con el fin de recuperar de una forma sencilla- informacin de inters de una base de datos, as como tambin hacer cambios sobre ella.
PHP
PHP es un lenguaje de programacin interpretado, diseado originalmente para la creacin de pginas web dinmicas. Es usado principalmente para la interpretacin del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de lnea de comandos o en la creacin de otros tipos de programas incluyendo aplicaciones con interfaz grfica usando las
bibliotecas Qt o GTK+.
2.4.3
Programa de actividades
En el siguiente diagrama de Gantt se describen las actividades realizadas para el desarrollo de la aplicacin SIORA (Figura 2.1).
4
http://es.wikipedia.org/wiki/SQL
Pgina | 28
Figura 2. 1 Diagrama de actividades Pgina | 29
Capitulo 3. Marco terico
Pgina | 30
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 3.1 Elementos conceptuales
Internet.
Internet es un conjunto descentralizado de redes de comunicacin interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes
fsicas heterogneas que la componen funcionen como una red lgica nica, de alcance mundial. Sus orgenes se remontan a 1969, cuando se estableci la primera conexin de computadoras, conocida como ARPANET
Las posibilidades que ofrece Internet se denominan servicios. Cada servicio es una manera de sacarle provecho a la Red independiente de las dems.
Una persona podra especializarse en el manejo de slo uno de estos servicios sin necesidad de saber nada de los otros. Sin embargo, es conveniente conocer todo lo que puede ofrecer Internet, para poder trabajar con lo que ms nos interese. Hoy en da, los servicios ms usados en Internet son: Correo Electrnico, World Wide Web, FTP, Grupos de Noticias, IRC y Servicios de Telefona.
En el momento que solicitamos un servicio de Internet nos convertimos en clientes del servidor que lo ofrece. Para acceder a uno de estos servicios es necesario contar con un programa especial que suele ser distinto para cada servicio de Internet. Por ejemplo, para acceder al correo electrnico utilizamos Outlook, para acceder a la Web utilizamos Netscape o Internet Explorer o para entrar en el Chat utilizamos un programa como Mirc o Pirch
WWW.
La World Wide Web, o WWW como se suele abreviar, se invent a finales de los 80 en el CERN, el Laboratorio de Fsica de Partculas ms importante del Mundo. Se trata de un sistema de distribucin de informacin tipo revista. En la Red quedan Pgina | 31
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. almacenadas lo que se llaman Pginas Web, que no son ms que pginas de texto con grficos o fotos. Aquellos que se conecten a Internet pueden pedir acceder a dichas pginas y acto seguido stas aparecen en la pantalla de su ordenador. Este sistema de visualizacin de la informacin revolucion
el desarrollo de Internet. A partir de la invencin de la WWW, muchas personas empezaron a conectarse a la Red desde sus domicilios, como entretenimiento. Internet recibi un gran impulso, hasta el punto de que hoy en da casi siempre que hablamos de Internet, nos referimos a la WWW.
WEB. Web es un vocablo ingls que significa red, telaraa o malla. El concepto se utiliza en el mbito tecnolgico para nombrar a una red informtica y, en general, a Internet (en este caso, suele escribirse como Web, con la W mayscula). El trmino, de todas formas, tiene varios usos. Adems de nombrar a Internet en general, la palabra web puede servir hacer mencin a una pgina web, un sitio web o hasta un servidor web.
Evolucin de las Pginas Web.
Inicialmente las pginas Web eran utilizadas para mostrar informacin esttica de las empresas e instituciones que vean en ellas una forma, efectiva y de bajo costo, de dar a conocer su producto o servicio al pblico en general.
Una pgina Web esttica consta de un conjunto de archivos HTML relacionados que estn alojados en un equipo que ejecuta un servidor Web. Cuando el servidor Web recibe una peticin de una pgina esttica, el servidor lee la solicitud, localiza la pgina y la enva al navegador solicitante.
Pgina | 32
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Una pgina Web dinmica es aquella que permite al usuario enviar informacin al servidor, el cual a su vez, reacciona de distinta forma que con una pgina esttica, ya que transfiere la pgina dinmica a un servidor de aplicaciones encargado de finalizar la pgina.
Sitio Web.
Un sitio Web puede ser el trabajo de una persona, una empresa u otra organizacin y est tpicamente dedicada a algn tema particular o propsito. Cualquier sitio Web puede contener hiperenlaces a cualquier otro sitio Web, de manera que la distincin entre sitios individuales, percibido por el usuario, puede ser a veces borroso.
No debemos confundir sitio Web con pgina Web, esta ltima es slo un archivo HTML, y forma parte de un sitio Web. Al ingresar una direccin, siempre se est haciendo referencia a un sitio Web, que tiene una pgina HTML inicial, que es lo primero que se visualiza. La bsqueda en Internet se realiza asociando el DNS ingresado con la direccin IP del servidor que contenga el sitio Web en el cual est la pgina HTML buscada.
Un sitio Web dinmico, es uno que puede tener cambios frecuentes en la informacin. Cuando el servidor Web recibe una peticin para una determinada pgina de un sitio Web, la pgina se genera automticamente por el software como respuesta directa a la peticin de la pgina, el sitio puede mostrar el estado actual de un dilogo entre usuarios, monitorizar una situacin cambiante, o proporcionar informacin personalizada de alguna manera a los requisitos del usuario individual.
Arquitectura Cliente/Servidor.
La modalidad o arquitectura Cliente/Servidor es una serie de aplicaciones basadas en dos categoras que cumplen funciones diferentes (una requiere servicios y la otra Pgina | 33
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. los brinda) pero que a la vez, pueden realizar tanto actividades en forma conjunta como independientemente.
En el caso del cliente, es aquel que requiere un servicio del servidor. En esta categora se realizan funciones de software basndose en el hardware pero en caso de no tener la capacidad de procesar los datos necesarios, recurre al servidor y espera a que este le brinde los servicios solicitados. El cliente es una estacin de trabajo o computadora que est conectada a una red a travs de la cual puede acceder al servidor.
Por el contrario, el servidor es la mquina desde la que se suministran servicios y que est a la espera del requerimiento del cliente. Una vez hecho, busca la informacin solicitada y le enva la respuesta al cliente; incluso puede enviar varios servicios a la vez, lo que es posible porque entre ellos estn conectados mediante redes LAN o WAN.
Intranet.
Una Intranet es una red de ordenadores privados que utiliza tecnologa Internet para compartir de forma segura cualquier informacin o programa del sistema operativo para que todos los empleados de la organizacin los puedan utilizar.
Algunos beneficios de utilizar una intranet son:
Capacidad de compartir recursos como impresoras, escner. Servicios de almacenamiento de informacin, es decir lugares en donde se puede acceder para guardar y recuperar informacin desde los ordenadores. Servicio de e-mail, que puede incluir diversas funcionalidades buzn de correo electrnico, servicio de webmail, servicio de mensajera instantnea.
Pgina | 34
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Qu es una aplicacin web?
Cualquier proyecto que se quiera desarrollar en Internet; sea comercio electrnico, reservas on-line, informacin del tiempo, registro de usuarios, calculadores de hipotecas, etc, conlleva el desarrollo de una aplicacin web. En definitiva, una aplicacin web es una plataforma orientada a automatizar los procesos de servicios que la empresa quiera ofrecer a sus usuarios.
Una vez la empresa haya decidido los servicios que quiere ofrecer a sus usuarios, se procede al diseo, planificacin, desarrollo e implementacin de la aplicacin web, es decir, a desarrollar un software especfico, a travs del cual el usuario accede a la informacin alojada en el servidor mediante los navegadores de Internet y a travs del interfaz diseado para solicitar el servicio deseado.
Estructura de un Sitio Web.
La estructura de navegacin por un sitio web viene definida por la experiencia de navegacin del visitante en virtud de la cual puede saltar de una pgina a otra dentro del sitio web utilizando el sistema de hipervnculos. La estructura de navegacin se suele elegir en funcin del tipo de contenido. Existen distintos tipos de estructuras:
Jerrquica. Estructura en rbol donde existe una pgina ndice o principal desde donde se accede al resto de pginas. Desde estas subpginas se puede acceder a otras y as sucesivamente creando distintos niveles o jerarquas. Es ideal para sitios web de centros o proyectos. No se aconseja utilizar ms de 4 niveles para evitar que el usuario se desoriente durante la navegacin.
Lineal. Es una estructura muy simple similar a las pginas de un libro. Desde una pgina concreta se puede ir a la pgina siguiente o la pgina anterior. Es Pgina | 35
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. especialmente til si deseamos que el usuario siga un itinerario fijo y guiado sin posibilidad de acceder a otras pginas que pudieran distraerle.
Lineal con jerarqua. Es una estructura hbrida que trata de aprovechar las ventajas de las dos estructuras anteriores. Las pginas y subpginas se organizan de forma jerrquica pero tambin es posible navegar de forma lineal por las pginas de un mismo nivel. Los contenidos web de este curso utilizan esta estructura.
Red. A partir de la pgina ndice o principal se puede navegar a otra u otras sin ningn orden aparente. Es una estructura ms libre pero no es aconsejable cuando el nmero de pginas es elevado porque desorienta al usuario al no saber dnde est ni disponer de recursos para ir donde desea.
Base de Datos.
Una base de datos es una coleccin o deposito de datos integrados, almacenado en soporte secundario (no voltil) y con redundancia controlada. Los datos han de ser compartidos por diferentes usuarios y aplicaciones, deben mantenerse
independientes de ellos, y su definicin (estructura de la base de datos) nica y almacenada junto con las bases de datos, se han de apoyar en un modelo de datos, el cual ha de permitir captar las interrelaciones y restricciones existentes en el mundo real. Los procedimientos de actualizacin y recuperacin, comunes y bien determinados, facilitaran la seguridad de conjunto de datos.
CAMPO=ATRIBUTO=COLUMNA. Conjunto de datos o informacin que tiene un mismo tipo de dato y describe una tarea especifica.
Pgina | 36
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. REGISTRO=TUPLA=FILA=RENGLON. Conjunto de atributos con diferentes tipos de datos que describen una tarea en comn.
ARCHIVO=AFINIDAD=ENTIDA=OBJETO=TABLA=RELACION=FICHERO. Conjunto de tuplas que describe una actividad especifica para un fin comn.
Diagramas Entidad-Relacin (E/R).
Representacin grafica del diseo conseguido mediante la tcnica de anlisis que propone el modelo E/R.
Modelo Entidad-Relacion (E/R).
Tcnica de anlisis basada en la identificacin de las entidades y de las relaciones que se dan entre ellas en la parte de realidad que se pretende modelar. El modelo E/R permite representar de forma abstracta los datos que se pretenden almacenar en la base de datos.
3.2
Tecnologas Web Utilizadas para su Desarrollo.
Estas tecnologas deben ser escogidas de acuerdo a las necesidades y limitaciones que se presenten en las empresas o instituciones para las cuales son desarrollados.
3.2.1 Tecnologas de Programacin
HTML.
Hyper Text Markup Language, o simplemente HTML, es un lenguaje de programacin muy sencillo que se utiliza para crear los textos y las pginas web. Si Pgina | 37
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. se hace la traduccin de su nombre del ingls al castellano, sera Lenguaje de Marca de Hipertextos, ya que es justamente un lenguaje que se basa en las marcas para crear los hipertextos
Esta definicin se debe a que est compuesto por etiquetas que definen la estructura y el formato del documento que ver el usuario a travs de la web. Esas etiquetas son ledas por el navegador o visualizador, es decir el programa que se utiliza para navegar, y que es el que ejecuta las funciones creadas en HTML permitiendo que puedan ser visibles en nuestra mquina.
JavaScript.
Javascript es un lenguaje de programacin utilizado para crear pequeos programitas encargados de realizar acciones dentro del mbito de una pgina web. Con Javascript podemos crear efectos especiales en las pginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el nico, con que cuenta este lenguaje es el propio navegador.
PHP.
PHP es el acrnimo de Hipertext Preprocesor. Es un lenguaje de programacin del lado del servidor gratuito e independiente de plataforma, rpido, con una gran librera de funciones y mucha documentacin.
Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se enve la pgina a travs de Internet al cliente. Las pginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en
Pgina | 38
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. red, y otras tareas para crear la pgina final que ver el cliente. El cliente solamente recibe una pgina con el cdigo HTML resultante de la ejecucin de la PHP.
3.2.2 Servidores
Appserv.
AppServ es un software que nos permite instalar sobre Windows: Apache, PHP, MySQL y phpMyAdmin (interfaz grfica para administrar MySQL) de forma conjunta. Es una aplicacin muy til para empezar a familiarizarnos con Gestores de Contenidos, aprender a configurarlos e instalarlos, ya que nos permite realizar pruebas sobre nuestro PC y una vez que dominemos el tema podemos decidirnos a comprar un dominio y un alojamiento.
MySQL.
MySQL, tal como define propiamente su parte de su nombre (SQL - Structured Query Language), al ser un servidor de bases de datos relacionales, MySQL se convierte en una herramienta veloz en la accesibilidad a los datos introducidos en las distintas tablas independientes que forman las bases de datos de este lenguaje. MySQL es actualmente el sistema de bases de datos ms popular de la red. Casi la totalidad de servicios ofrecidos por nuestra empresa incluyen el soporte para bases de datos MySQL.
3.2.3 Aplicaciones de para su desarrollo
Dreamweaver.
Adobe Dreamweaver es la aplicacin que lidera el sector de la edicin y creacin de contenidos web. Proporciona funciones visuales y de nivel de cdigo para crear Pgina | 39
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. diseos y sitios web basados en estndares para equipos de sobremesa, SmartPhones, tabletas y otros dispositivos.
Photoshop.
El software Adobe Photoshop CS5 redefine la creacin de imgenes digitales con herramientas vanguardistas para fotografas, selecciones y mucho ms. Ahora, puede utilizarlo con aplicaciones para dispositivos mviles que mejoran la productividad y creatividad tan pronto como estn disponibles.
RationalRose.
Es una herramienta de modelado visual para el anlisis y diseo de sistemas basados en objetos. Se utiliza para modelar un sistema antes de proceder a construirlo.
Pgina | 40
Capitulo 4. Anlisis y Diseo de SIORA
Pgina | 41
Con estos puntos queda claro la necesidad de la empresa de que podamos ofrecer e innovar una tecnologa la cual permita a la empresa poder realizar tareas de manera mas eficiente dentro de sus labores cotidianas basndose en valores y compromisos bien establecidos para poder llevar a cabo con xito este proyecto.
4.1
Diagramas de Caso de Uso
Usuario
(f rom Use Case View)
Inicio
(from Use Case View)
Figura 4. 2 Diagrama de caso de uso de usuario Usuario Modulo Inicio: El usuario ingresa al sistema web, visualizando la parte principal de la pagina web que es el inicio, en el cual se mostrara informacin respecto a APPCE, los servicios que ofrecen, mostrando una lista de enlaces que guiaran al usuario por lo largo del sistema web, en el cual le mostraran ms informacin que pueda ser de su inters.
Usuario
Usuarios
(from Use Case Vi ew)
Figura 4. 3 Diagrama de Usuario-Inicio
Usuario modulo usuarios: En esta parte, el usuario ingresa al modulo de Usuarios, el cual sirve para que esta persona ingrese sus datos y se le asigne un alias y una contrasea con la cual el Pgina | 42
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. pueda ingresar a su sesin y pueda visualizar ms mdulos que el sistema web ofrece, el primer paso para que sea un usuario registrado, al momento de ingresar a este modulo, el visitante (usuario no registrado) debe llenar un formulario en el cual se le piden cierta cantidad y tipo de datos a llenar en un formulario, como son, el nombre, o nombres si es que tiene ms de uno, apellidos, cuenta de direccin de correo electrnico, un nombre de usuario (alias) con el cual podr ser identificado al momento de ingresarlo nuevamente en el apartado de usuarios, y una contrasea (password) clave nica con la cual podr iniciar su sesin, una vez llenado todos estos datos, el podr ahora formar parte de usuarios registrados en nuestro sistema y poder tener acceso a mas informacin del sistema web, despus, se le enva a su cuenta de correo electrnico un aviso, el cual le pedir que confirme sus datos para despus poder ingresar exitosamente en el resto de contenido del sistema web, cuando cierre su sesin y vuela a ingresar en la pagina web, los datos que ahora deber ingresar para entrar como usuario registrado sern, su alias (nombre de usuario con el cual se registro en un principio) y su password (contrasea la cual es nica para que pueda accesar a los dems mdulos que ofrece el sistema web), en caso que alguno de estos campos no sean correctos, ya sea el nombre de usuario o contrasea, el sistema mostrara un mensaje avisndole al usuario que no a ingresado correctamente uno de los campos ya sea nombre de usuario o contrasea, en dado caso que se le hayan olvidado alguno, ejemplo, la contrasea (password), ah una liga, la cual dice obtener nuevamente mi contrasea, pulsando en esta opcin, le pedir que llene unos campos de otro formulario que se visualizara para que pueda obtener nuevamente su contrasea.
Usuario
Blog
Figura 4. 4 Diagrama Usuarios Pgina | 43
Usuario Modulo Blog: En este apartado, el usuario registrado, ahora tendr acceso a esta parte del sistema web, entra en el blog del sistema, podr formar parte de la comunidad de los cientos de usuarios que visitan el blog y podr exponer sus ideas en el, comentar con respecto a los temas que se muestran y podr ser aportador de ideas en este mismo apartado.
Usuario
Salir
Figura 4. 5 Diagrama usuario-Blog
Usuario Modulo Salir: El usuario una vez estando satisfecho de haber recorrido lo suficiente el sistema web, y no quiera estar ms en este sistema, pulsara la opcin salir, la cual le permitir que cierre su sesin de usuario registrado mandndolo nuevamente al inicio del sistema web, es una forma segura de salir del sistema.
Pgina | 44
Inicio
Usuarios
Usuario
Blog
Salir
Figura 4. 6 Diagrama usuario-Salir
Usuario Modulo Inicio: El usuario ingresa al sistema web, visualizando la parte principal de la pagina web que es el inicio, en el cual se mostrara informacin respecto a APPCE, los servicios que ofrecen, mostrando una lista de enlaces que guiaran al usuario por lo largo del sistema web, en el cual le mostraran ms informacin que pueda ser de su inters. Usuario modulo usuarios: En esta parte, el usuario ingresa al modulo de Usuarios, el cual sirve para que esta persona ingrese sus datos y se le asigne un alias y una contrasea con la cual el pueda ingresar a su sesin y pueda visualizar ms mdulos que el sistema web Pgina | 45
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. ofrece, el primer paso para que sea un usuario registrado, al momento de ingresar a este modulo, el visitante (usuario no registrado) debe llenar un formulario en el cual se le piden cierta cantidad y tipo de datos a llenar en un formulario, como son, el nombre, o nombres si es que tiene ms de uno, apellidos, cuenta de direccin de correo electrnico, un nombre de usuario (alias) con el cual podr ser identificado al momento de ingresarlo nuevamente en el apartado de usuarios, y una contrasea (password) clave nica con la cual podr iniciar su sesin, una vez llenado todos estos datos, el podr ahora formar parte de usuarios registrados en nuestro sistema y poder tener acceso a mas informacin del sistema web, despus, se le enva a su cuenta de correo electrnico un aviso, el cual le pedir que confirme sus datos para despus poder ingresar exitosamente en el resto de contenido del sistema web, cuando cierre su sesin y vuela a ingresar en la pagina web, los datos que ahora deber ingresar para entrar como usuario registrado sern, su alias (nombre de usuario con el cual se registro en un principio) y su password (contrasea la cual es nica para que pueda accesar a los dems mdulos que ofrece el sistema web), en caso que alguno de estos campos no sean correctos, ya sea el nombre de usuario o contrasea, el sistema mostrara un mensaje avisndole al usuario que no a ingresado correctamente uno de los campos ya sea nombre de usuario o contrasea, en dado caso que se le hayan olvidado alguno, ejemplo, la contrasea (password), ah una liga, la cual dice obtener nuevamente mi contrasea, pulsando en esta opcin, le pedir que llene unos campos de otro formulario que se visualizara para que pueda obtener nuevamente su contrasea. Usuario Modulo Blog: En este apartado, el usuario registrado, ahora tendr acceso a esta parte del sistema web, entra en el blog del sistema, podr formar parte de la comunidad de los cientos de usuarios que visitan el blog y podr exponer sus ideas en el, comentar con respecto a los temas que se muestran y podr ser aportador de ideas en este mismo apartado.
Pgina | 46
Usuario Modulo Salir: El usuario una vez estando satisfecho de haber recorrido lo suficiente el sistema web, y no quiera estar ms en este sistema, pulsara la opcin salir, la cual le permitir que cierre su sesin de usuario registrado mandndolo nuevamente al inicio del sistema web, es una forma segura de salir del sistema.
Afiliado
Inicio
Figura 4. 7 Diagrama Afiliado-Inicio para salir del sistema
Afiliado Modulo Inicio: El afiliado es un miembro de la empresa APPCE, la cual participa en reuniones, talleres, cursos o participa dentro de alguna de las mltiples actividades que APPCE como empresa requiere para el mantenimiento efectivo y optimo de la empresa. Para este tipo de usuario, tenemos el modulo adecuado, esta persona podr visualizar cierta parte del sistema web, y tendr propiamente su apartado en el cual el podr consultar informacin de la empresa, esta informacin es estrictamente visualizada para miembros activos de la empresa APPCE.
Afiliado
Afiliados
Figura 4. 8 Diagrama Afiliados-Inicio Pgina | 47
Afiliado Modulo Afiliados: En este apartado, es parecido al de un usuario registrado en el sistema web, con la diferencia de que este es exclusivo para miembros activos de la empresa, al igual que el de usuario, le pedir que llene cierta informacin en un formulario, vitales para que pueda crear su cuenta, con un alias (nombre de usuario) y password (contrasea con la que podr entrar al sistema como afiliado registrado), los datos que se le piden, son, nombres, apellidos, nombre de una cuenta de correo electrnico que este mismo utilice con mas frecuencia, su alias (nombre de usuario), y su password (contrasea con la que ingresara en el sistema web), una vez llenado con satisfactoriamente estos datos, se le enviara la notificacin a su cuenta de correo electrnico mencionando que su registro se realizo exitosamente, mostrndole su nombre de usuario y contrasea con la cual se registro en un principio, ahora podr tener acceso al dems contenido de la informacin que APPCE tiene para mostrar, en caso que llegara a olvidarse alguno de estos campos, muy importantes para que pueda iniciar su sesin, ah una liga la cual al momento de pulsar, le pedir que ingrese su nombre y apellidos completos para que por medio de su cuenta de correo electrnico, le lleguen sus datos para que pueda iniciar sesin como un afiliado registrado, cuando ingrese nuevamente sus datos (nombre de usuario y contrasea) y que estos sean correctos, el sistema le desplegara un mensaje de bienvenida.
Afiliado
Blog
Figura 4. 9 Afiliado interactuando con blog
Pgina | 48
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Afiliado Modulo Blog: En este nuevo modulo, al igual que un usuario registrado, el afiliado podr enterarse de los temas de discusin a tratar en el blog del sistema web, tambin podr formar parte de la comunidad en nuestro blog, al igual que el usuario, el tambin podr comentar sobre los temas de discusin, aportar con ideas, al igual podr conocer a ms personas por este medio que pudieran compartir de ideas similares e enriquecer ms su conocimiento.
Afiliado
Noticias
Figura 4. 10 Afiliado interactuando con noticias
Afiliado Modulo de noticias: En este modulo, el afiliado podr ver en el apartado de noticias, los nuevos eventos, cursos, talleres, platica que APPCE puede ofrecer para la comunidad, en este apartado a dems de estar informado con lo ms actual que sucede en APPCE, el podr comentar sus dudas o inquietudes que tenga con lo nuevo que APPCE ofrece, aportando ideas para el mejoramiento de las actividades que APPCE tiene en mente.
Afiliado
Cursos y Talleres
Figura 4. 11 Afiliado interactuando con cursos y talleres
Afiliado Modulo cursos y talleres: Pgina | 49
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. En este apartado, el Afiliado podr formar parte en las actividades de cursos y talleres que impartir APPCE, si el quiere, puede ser uno de los instructores de algn curso, actividad, platica, taller, etc, ingresando en un formulario ciertos datos los cuales al finalizar, el sistema le proporcionara una clave nica con la cual el mediante esta clave podr subir sus reportes previos con respecto a la actividad impartida por este mismo. El formulario le pedir los siguientes datos, usuario con el cual ingresa a su sesin como afiliado al igual que con su contrasea para ingresar al sitio como afiliado registrado, estos datos son ms que suficientes ya que los datos anteriores que se pedan de manera estricta para ser un afiliado registrado fueron almacenados en una base de datos, solamente con estos datos, se puede saber de inmediato que afiliado es, en caso que despus quiera ingresar su reporte en el modulo de archivos de la actividad en la cual el participo como un instructor y que se le haya olvidado su matrcula que el sistema le otorgo para que pudiera ingresar al modulo de cursos y talleres al igual que para ingresar sus reportes en el modulo de Archivos, hay una opcin como ya la habamos mencionado con anterioridad en mdulos anteriores, la opcin de recuperar (contrasea), que en el caso del afiliado seria matricula, la cual al pulsar esta opcin, se mostrara un nuevo formulario que le pide que ingrese su nombre de usuario y contrasea las cuales usa para ingresar a su sesin como afiliado registrado, despus de concluir este proceso, se le enviara un mensaje a su cuenta de correo electrnico con la matricula que le corresponde y listo, ya tiene nuevamente su matrcula nuevamente, para que en un futuro pueda ingresar sus reportes.
Afiliado
Archivos
Figura 4. 12 Afiliado interactuando con cursos y talleres
Pgina | 50
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Afiliado Modulo Archivos: En este nuevo apartado, el afiliado podr tener acceso a los documentos que APPCE comparte con sus miembros activos, ellos podrn consultar la informacin, ver los trabajos subidos por otros afiliados, y tendrn a la mano cuando quieran en donde quieran y con la comodidad que ellos gusten, consultar esta informacin.
Afiliado
Salir
Figura 4. 13 Afiliado, abandonando su sesin
Afiliado - Modulo Salir: Cuando el afiliado ya no quiera navegar por el sistema web, esta la opcin de salir, la cual cerrar su sesin con la cual inicio en un principio, sacndolo de las partes de los mdulos que APPCE tiene para este grupo selecto de usuarios.
Pgina | 51
Inicio
Afiliados
Blog
Afiliado
Noticias
Cursos y Talleres
Archivos
Salir
Figura 4. 14 caso de uso afiliado
Pgina | 52
Afiliado Modulo Inicio:
El afiliado es un miembro de la empresa APPCE, la cual participa en reuniones, talleres, cursos o participa dentro de alguna de las mltiples actividades que APPCE como empresa requiere para el mantenimiento efectivo y optimo de la empresa. Para este tipo de usuario, tenemos el modulo adecuado, esta persona podr visualizar cierta parte del sistema web, y tendr propiamente su apartado en el cual el podr consultar informacin de la empresa, esta informacin es estrictamente visualizada para miembros activos de la empresa APPCE. Afiliado Modulo Afiliados:
En este apartado, es parecido al de un usuario registrado en el sistema web, con la diferencia de que este es exclusivo para miembros activos de la empresa, al igual que el de usuario, le pedir que llene cierta informacin en un formulario, vitales para que pueda crear su cuenta, con un alias (nombre de usuario) y password (contrasea con la que podr entrar al sistema como afiliado registrado), los datos que se le piden, son, nombres, apellidos, nombre de una cuenta de correo electrnico que este mismo utilice con mas frecuencia, su alias (nombre de usuario), y su password (contrasea con la que ingresara en el sistema web), una vez llenado con satisfactoriamente estos datos, se le enviara la notificacin a su cuenta de correo electrnico mencionando que su registro se realizo exitosamente, mostrndole su nombre de usuario y contrasea con la cual se registro en un principio, ahora podr tener acceso al dems contenido de la informacin que APPCE tiene para mostrar, en caso que llegara a olvidarse alguno de estos campos, muy importantes para que pueda iniciar su sesin, ah una liga la cual al momento de pulsar, le pedir que ingrese su nombre y apellidos completos para que por medio de su cuenta de correo electrnico, le lleguen sus datos para que pueda iniciar sesin como un afiliado Pgina | 53
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. registrado, cuando ingrese nuevamente sus datos (nombre de usuario y contrasea) y que estos sean correctos, el sistema le desplegara un mensaje de bienvenida Afiliado Modulo Blog: En este nuevo modulo, al igual que un usuario registrado, el afiliado podr enterarse de los temas de discusin a tratar en el blog del sistema web, tambin podr formar parte de la comunidad en nuestro blog, al igual que el usuario, el tambin podr comentar sobre los temas de discusin, aportar con ideas, al igual podr conocer a ms personas por este medio que pudieran compartir de ideas similares e enriquecer ms su conocimiento. Afiliado Modulo de noticias: En este modulo, el afiliado podr ver en el apartado de noticias, los nuevos eventos, cursos, talleres, platica que APPCE puede ofrecer para la comunidad, en este apartado a dems de estar informado con lo ms actual que sucede en APPCE, el podr comentar sus dudas o inquietudes que tenga con lo nuevo que APPCE ofrece, aportando ideas para el mejoramiento de las actividades que APPCE tiene en mente. Afiliado Modulo cursos y talleres: En este apartado, el Afiliado podr formar parte en las actividades de cursos y talleres que impartir APPCE, si el quiere, puede ser uno de los instructores de algn curso, actividad, platica, taller, etc, ingresando en un formulario ciertos datos los cuales al finalizar, el sistema le proporcionara una clave nica con la cual el mediante esta clave podr subir sus reportes previos con respecto a la actividad impartida por este mismo. El formulario le pedir los siguientes datos, usuario con el cual ingresa a su sesin como afiliado al igual que con su contrasea para ingresar al sitio como afiliado registrado, estos datos son ms que suficientes ya que los datos anteriores que se pedan de manera estricta para ser un afiliado registrado fueron almacenados en una base de datos, solamente con estos datos, se puede saber de inmediato que afiliado es, en caso que despus quiera ingresar su reporte en el modulo de archivos Pgina | 54
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. de la actividad en la cual el participo como un instructor y que se le haya olvidado su matrcula que el sistema le otorgo para que pudiera ingresar al modulo de cursos y talleres al igual que para ingresar sus reportes en el modulo de Archivos, hay una opcin como ya la habamos mencionado con anterioridad en mdulos anteriores, la opcin de recuperar (contrasea), que en el caso del afiliado seria matricula, la cual al pulsar esta opcin, se mostrara un nuevo formulario que le pide que ingrese su nombre de usuario y contrasea las cuales usa para ingresar a su sesin como afiliado registrado, despus de concluir este proceso, se le enviara un mensaje a su cuenta de correo electrnico con la matricula que le corresponde y listo, ya tiene nuevamente su matrcula nuevamente, para que en un futuro pueda ingresar sus reportes. Afiliado Modulo Archivos: En este nuevo apartado, el afiliado podr tener acceso a los documentos que APPCE comparte con sus miembros activos, ellos podrn consultar la informacin, ver los trabajos subidos por otros afiliados, y tendrn a la mano cuando quieran en donde quieran y con la comodidad que ellos gusten, consultar esta informacin.
Afiliado - Modulo Salir: Cuando el afiliado ya no quiera navegar por el sistema web, esta la opcin de salir, la cual cerrar su sesin con la cual inicio en un principio, sacndolo de las partes de los mdulos que APPCE tiene para este grupo selecto de usuarios.
Administrador
Inicio
Figura 4. 15 Diagrama de administrador interactuando con el modulo salir Pgina | 55
Administrador Modulo Inicio: El administrador podr en un momento cambiar la informacin que aparecer en la pgina principal del sistema web.
Administrador
Usuarios
Figura 4. 16 Administrador interactuando con la apariencia del modulo inicio
Administrador Modulo Usuarios: El administrador tiene acceso total a la informacin que se ingresen los dems usuarios, el cual en un determinado momento, el podr actualizar los datos de los usuarios.
Administrador
Afiliados
Figura 4. 17 Administrador interactuando con la informacin de afiliados
Administrador Modulo Afiliados: El administrador tiene acceso a los datos de los afiliados, el podr actualizarlos, modificarlos, o en su caso eliminarlos segn amerita ciertas situaciones.
Pgina | 56
Administrador
Blog
Figura 4. 18 Administrador interactuando con blog
Administrador Modulo Blog: El administrador podr mantener al da la informacin de este modulo y tiene acceso total a la informacin de este modulo.
Administrador
Noticias
Figura 4. 19 Administrador interactuando con noticias
Administrador Modulo Noticias: El administrador tiene acceso a este modulo y mantiene la informacin al da de lo que ocurre en la empresa APPCE.
Administrador
Cursos y Talleres
Figura 4. 20Administrador-cursos y talleres
Pgina | 57
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Administrador Modulo Cursos y Talleres: Tiene acceso total a esta informacin y puede alterar la informacin segn sea el caso.
Administrador
Archivos
Figura 4. 21 Administrador y archivos
Administrador Modulo Archivos: El administrador tiene acceso a este apartado y puede en determinado momento modificar la informacin segn sea el caso.
Administrador
Salir
Figura 4. 22 Administrador-salir
Pgina | 58
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Administrador Modulo Salir: El administrador sale de su sesin
Inicio
Usuarios
Afiliados
Administrador
Blog
Noticias
Cursos y Talleres
Archivos
Salir
Figura 4. 23 caso de uso de administrador Pgina | 59
Administrador Modulo Inicio: El administrador podr en un momento cambiar la informacin que aparecer en la pgina principal del sistema web. Administrador Modulo Usuarios: El administrador tiene acceso total a la informacin que se ingresen los dems usuarios, el cual en un determinado momento, el podr actualizar los datos de los usuarios. Administrador Modulo Afiliados: El administrador tiene acceso a los datos de los afiliados, el podr actualizarlos, modificarlos, o en su caso eliminarlos segn amerita ciertas situaciones. Administrador Modulo Blog: El administrador podr mantener al da la informacin de este modulo y tiene acceso total a la informacin de este modulo. Administrador Modulo Noticias: El administrador tiene acceso a este modulo y mantiene la informacin al da de lo que ocurre en la empresa APPCE. Administrador Modulo Cursos y Talleres: Tiene acceso total a esta informacin y puede alterar la informacin segn sea el caso.
Pgina | 60
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Administrador Modulo Archivos: El administrador tiene acceso a este apartado y puede en su determinado momento modificar la informacin segn sea el caso. Administrador Modulo Salir: El administrador sale de su sesin
Modelo Caso de Uso Usuarios
Pgina | 61
Afil iados
Administrador
Archivos
Bl og
Cursos y Tall eres Afil iado
Ini ci o
Notici as
Sal ir
Usuari o
Usuari os
Figura 4. 24 casos de uso del sistema
Pgina | 62
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 4.2 Diagrama de Clase Diagrama de actividad Usuario
Figura 4. 25 Diagrama de actividad usuario
Pgina | 63
4.3 Diagrama de Secuencia Diagrama de secuencia Administrador.
: Administrador
: Usuario
: Afiliados
: Archivos
: Blog
: Cursos y Talleres
: Noticias
ingresa datos para acceder al sistema
si los datos no son correctos, vuelve a ingresar los datos para acceder al sistema
administra el contenido de este modulo, al igual, puede asignar privilegios, quien puede ver que en el sitio
puede ingresar al modulo afiliados y ver el contenido de la informacion y usuarios registrados en este modulo
como administrador del sitio, puede modificar los datos, actualizarlos, eliminarlos segun sea el caso
ingresa a los archivos seguros para afiliados
administra la informacion de este modulo, de la mejor forma para el buen uso de estos
acceso a los temas de discucion de este blog
administra la informacion de este modulo, y evitar el mal uso de la informacion que se maneja en este sitio
maneja el control de los temas, talleres, cursos a tratar en la organizacion
maneja los datos que en este sitio se presenten y evitar el mal uso de esta informacion por parte de terceras personas
publica el contenido de las proximas actualizaciones (noticias) que habra dentro de APPCE
administra la informacion y mantenimiento de la misma para un mejor uso
Figura 4. 26 Diagrama de secuencia administrador
Pgina | 64
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 1. El administrador al momento de ingresar a la pgina debe introducir correctamente sus datos, nombre de usuario y contrasea, para tener acceso al resto de mdulos que contiene el sistema.
2. Si los datos ingresados no son correctos, usuario y contrasea, aparecer un mensaje de error, pidiendo nuevamente que ingrese sus datos hasta que estos sean correctos.
3. Si por algn motivo al usuario se le olvida la contrasea o su nombre de usuario al momento de loguearse, hay una opcin, la cual le pide que introduzca su nombre y otros datos personales para que por medio del correo electrnico se le envi su nombre de usuario y contrasea con la cual se logueo en un principio, y as tener nuevamente su nombre de usuario y contrasea para acceder.
4. Una vez ingresado correctamente los datos, ahora ya tiene acceso al resto del sistema, comienza su recorrido por el modulo de afiliados, en este, el puede visualizar o manipular la informacin de este bloque, podr ver quienes estn registrados como miembros de APPCE, mantendr la informacin en optimas condiciones y con la seguridad que la informacin mostrada en este apartada no ser de mal uso por parte de terceras personas.
5. Continuamos con el modulo de archivos, en el cual el administrador podr proporcionar la informacin necesaria que los afiliados de APPCE necesitaran, previamente si as lo requiere, el administrador podr hacer cambios en la documentacin subida en este modulo, mantendr la informacin actualizada segn APPCE lo requiera, al igual que podr eliminar documentacin que con el tiempo ya no sea requerida para APPCE.
Pgina | 65
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 6. En el siguiente modulo del sistema, el administrador podr agregar nuevos temas de discusin para la comunidad APPCE, en el cual los dems usuarios podrn formar parte y comentar sobre los temas a tratar en el blog, exponiendo sus criterios o dudas que estos tengan, a fin de que estn mayor orientado en los temas expuestos por APPCE.
7. Cursos y Talleres, de acuerdo a los nuevos cursos o actividades que APPCE ofrecer, el administrador se encargara que estos sean habilitados en este modulo, para que afiliados de APPCE, los que estn interesados, puedan postularse para impartir alguno de los cursos que ofrecern, al igual que en los mdulos anteriores, se llevara un control minucioso de la informacin que se manipule en este modulo, el administrador estar al pendiente de los nuevos cambios que se realicen a futuro y mantendr en optimas condiciones la informacin, al igual depurara informacin de este apartado que ya no sea necesaria, para liberar recursos de espacio en el sistema.
8. En el espacio de noticias, se publicaran los eventos ocurridos ms recientemente en APPCE, as como los prximos cursos o talleres que estos impartan, se mantendr la informacin asegurada, concisa y precisa para el fin que APPCE necesite.
Pgina | 66
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Diagrama de secuencia Afiliado.
: Afiliado
: Afiliados
: Archivos
: Blog
: Cursos y Talleres
: Noticias
ingresa sus datos para acceder
si los datos no son correctos, vuelve a intentarlo nevamente para tener acceso
visualiza el contenido de la informacion de este modulo
tambien visualiza este modulo y pude comentar sobre los temas a discutir en el blog y participar con la comunidad
visualiza la informacion y pude postularse como candidato para impartir un curso o taller
permanece al tanto de las nuevas noticas que suceden dentro de la organizacion
Figura 4. 27 Diagrama de secuencia afiliado
Pgina | 67
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 1. El afiliado ingresa sus datos personales (nombre de usuario y contrasea), para iniciar sesin.
2. Si los datos ingresados no son correctos, se enviara un mensaje con el siguiente error, el nombre de usuario o contrasea no son correctos, intntelo nuevamente.
3. Ingresa nuevamente sus datos, si ambos son verdaderos, nombre de usuario y contrasea, podr ingresar al sistema, mostrndole el siguiente mensaje de bienvenida, bienvenido nuevamente (nombre de usuario del afiliado).
4. Despus de a haber ingresado exitosamente al sistema, ahora podr navegar con facilidad en el sistema.
5. En el modulo de archivos, en este apartado, el afiliado puede tener acceso a la documentacin de sus archivos que manejan en APPCE, al igual podr subir su trabajo correspondiente que le toque laborar dentro de la organizacin y estar a la disposicin de los dems afiliados a esta organizacin.
6. En el blog, el afiliado puede formar parte de la comunidad colaborativa e ingresar sus comentarios acerca de los temas a tratar en el blog, en esta comunidad, todos pueden aprender y compartir sus comentarios.
7. Cursos y Talleres, en este apartado, el afiliado puede visualizar los prximos cursos o actividades que la organizacin tiene planteado, tambin tiene la opcin de postularse como impartidor de alguna de esos cursos o talleres, llevando un control de registro sumamente sencillo, solamente tiene que ingresar unos datos bsicos, como username password, y seleccionar el curso al cual quiere impartir. Puede visualizar las ultimas noticias en cuanto a este modulo cursos y talleres, o el sistema mandara alertas de lo ltimo en cuanto Pgina | 68
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. a cursos o talleres, si por algn motivo, que ya sea haya registrado para impartir un curso y taller, y no pueda impartirlo por causa de fuerzas mayores, puede de suscribirse de dar ese curso o taller, pulsando en la opcin salir de curso o taller, el cual, ser informado al administrador del sitio para que este informado sobre ese cambio drstico.
8. El afiliado podr estar enterado de lo ltimo que APPCE tiene para la comunidad, lo nuevo que esta por ofrecer a la comunidad y sociedad.
Pgina | 69
Diagrama de secuencia Usuario.
: Usuario
: Usuario
: Noticias
: Blog
ingresa sus datos para acceder al demas contenido del sitio
si los datos ingresados no son correctos, vuelve a intentarlo para que tenga acceso a los demas modulos que el sitio le ofrece
puede visualizar las noticias que APPCE publica y estar informado sobre lo nuevo que APPCE puede ofrecer
al entrar en este modulo, puede cometar con la comunidad sobre los temas de discucion en linea
Figura 4. 28 Diagrama de secuencia usuario
Pgina | 70
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 1. El usuario ingresa a la pagina y lo nico que puede visualizar es la informacin principal que APPCE ofrece, como por ejemplo, Qu es APPCE?, Qu hace APPCE?, su filosofa, misin y visin de la misma, para poder ver la dems informacin de este sitio, el usuario debe registrarse y llenar unos sencillos datos que le pedirn en el apartado que dice usuario, una vez llenndolos el ahora podr tener acceso a ms informacin de este sitio y podre participar en la comunidad del blog y enterarse de lo ltimo que APPCE tiene planeado a futuro. 2. El usuario desea registrarse y accede al apartado de usuario, donde llenera los siguientes datos, nombre, apellido paterno, apellido materno, e-mail, ingresa un alias (username), ingresa password, llenado estos datos, ahora tiene creada una sesin para el y tener acceso al resto del contenido del sistema. 3. Cuando el usuario inicie sesin, se le pedir que introduzca su username (alias con el cual se registro con anterioridad) y contrasea (con la misma que ingreso en el formulario anterior), una vez ingresado esto, ahora tiene acceso a otros mdulos del sistema. 4. Si el usuario y contrasea no son correctos, los motivos podran ser, que se le olvido su username o password o ambas cosas, presionara en la liga, restaurar mis datos, en el cual, al momento de pulsar, le mostrara un formulario con la siguiente informacin, ingresa tu nombre completo y tu direccin de correo electrnico, llenado estos datos que el formulario solicita para restaurar username y password, se le informa a su cuenta de correo electrnico, que sus datos han sido restaurados, cuando ingrese a su cuenta de correo electrnico vera que llego un nuevo mensaje de restablecimiento de estos dos campos, con los cuales en podr ingresar nuevamente cuando el quiera.
Pgina | 71
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 5. En el modulo de noticas, el usuario podr estar enterado de lo ltimo que APPCE ofrece, as como sus talleres y cursos prximos a impartir. 6. El usuario podr formar parte de la comunidad ingresando a nuestro blog, participara sobre los temas expuestos, y compartir informacin con el resto de la comunidad.
Pgina | 72
Capitulo 5. Desarrollo de SIORA
Pgina | 73
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 5.1 Desarrollo de Base de Datos
5.1.1 Instalacin de AppServ
Una base de datos o banco de datos (en ocasiones abreviada con la sigla BD o con la abreviatura b. d.) es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemticamente para su posterior uso.5
Existen programas denominados sistemas gestores de bases de datos, abreviado SGBD, que permiten almacenar y posteriormente acceder a los datos de forma rpida y estructurada. Las propiedades de estos SGBD, as como su utilizacin y administracin, se estudian dentro del mbito de la informtica. utilizaremos AppServ. En este caso
Que es AppServ?
Es un software que permite la instalacin en nuestro entorno Windows, de los siguientes paquetes:

Apache Web Server (versin 2.2.3) Lenguaje PHP (versin 5 o 4, en mi caso instale la 5.1.6) Base de datos MySQL (versin 5.0.24) Manejador de base de datos phpMyAdmin (versin 2.9.0.2)
Esto es lo que incluye el actual paquete AppServ 2.5.7, es obvio pero vale la pena recordar que como esta formado por 4 paquetes (apache, php, mysql, phpmyadmin), cada uno sigue lanzando nuevas versiones, que podemos instalar por separado o
http://es.wikipedia.org/wiki/Base_de_datos
Pgina | 74
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. esperar la prxima versin de AppServ. Por lo general no debemos apresurarnos ya que nuestro PC lo usamos de entorno de desarrollo y testeo de las aplicaciones.
Es una aplicacin muy til para empezar a familiarizarnos con Gestores de Contenidos, aprender a configurarlos e instalarlos, ya que nos permite realizar pruebas sobre nuestra pc.
Primero que todo si no tenemos el programa de instalacin lo podemos descargar de su pgina oficial (http://www.appservnetwork.com).
Luego de tener el software, lo ejecutamos, esperamos la precarga y aparece la ventana de bienvenida:6
1) Damos doble click en el icono del instalador que nos bajamos. Aparece la imagen que vemos debajo (Figura 5.1), recuerda que la versin puede ser ms nueva cuando t intentes, pero se usara igual que como lo hacemos ahora. Debemos dar, siguiente (next).
Pgina | 75
Figura 5. 1 ventana de inicio de app
2) Aparece el acuerdo de licencia (figura 5.2), ah debemos dar conformidad (I Agree)
Figura 5. 2 Acuerdo de licencia
Pgina | 76
3) En este punto, debemos elegir en cual de nuestros discos duros y en que carpeta vamos a instalar el AppServ, nosotros dejaremos la opcin recomendada por defecto (figura 5.3), es decir: c:\AppServ, como muestra la imagen, y le damos siguiente (Next)
Figura 5. 3 Localizacin de instalacin
4) En este punto debemos elegir los componentes que vamos a instalar (recuerda que todos los pasos basta con dar clic en siguiente), como se observa aparecen marcados los cuatro elementos disponibles (apache, mysql, php, phpmyadmin) si bien puedes desmarcar alguno, es mejor instalar todos para tener completo tu equipo de testeo y desarrollo Web, le damos siguiente (Next), ver figura 5.4 Pgina | 77
Figura 5. 4 Seleccionar componentes de instalacin de app
5) En este punto debes indicar el nombre del servidor y el email del administrador del sistema (Figura 5.5), en este caso dejamos localhost y email root@localhost.com, respectivamente, el puerto 80. Recuerda que puedes dar siguiente y dejar lo que sugiere sin problemas.
Figura 5. 5 Informacin del servidor
Pgina | 78
6) Configuracin MySQL (Figura 5.6), en este punto debemos prestar atencin, ya que debemos indicar el Password, para el usuario principal de la base de datos, lo escribimos 2 veces!!. Lo dems lo dejamos como esta en la imagen.
Figura 5. 6 configuracin de servidor MySQL
Por tanto el usuario ser root, que es por defecto (tu luego puedes crear mas, todos los que quieras) y tu Contrasea que acabas de escribir, eso lo usaras para abrir la base desde tus programas PHP, por eso es importante recordar.
Le damos siguiente (Next)
7) Para culminar la instalacin (Figura 5.7), como indica la imagen, podemos elegir si al finalizar ya comenzara a funcionar el Server Apache y el servidor de base de datos MySQL, lo dejamos marcado y le damos finalizar (Finish), listo hemos terminado. Pgina | 79
Figura 5. 7 Completando la instalacin
En este punto si vas a tu navegador (FireFox de preferencia), puedes poner, http://localhost (Figura 5.8) y debe mostrarse tal como muestra la imagen. Salvo las versiones que el tuyo puede ser mas nuevo.
Pgina | 80
Figura 5. 8 App en el navegador
En la configuracin Standard usando c:\AppServ la ubicacin que equivale a http://localhost es c:\AppServ\www por tanto si creas una carpeta pruebas dentro de www, quedando as: c:\AppServ\www\pruebas, y dentro un archivo llamados test.php con el siguiente contenido:
<?php echo phpinfo(); ?>
Este archivo se ejecutara en tu navegador llamndolo as: http://localhost/prueba/test.php7
Pgina | 81
5.1.2 Creacin de la base de Datos
1. vamos a empezar creando nuestra primera base de datos, para ello, vamos a hacerlo ntegramente hacerlo desde el PHPmyAdmin que esta
en http://localhost/phpmyadmin/
2. El nombre de nuestra base de datos ser hekatombe. Crearemos nuestra base de datos dando al enlace que pone Bases de datos, que esta abajo, en nuestra pagina de http://localhost/phpmyadmin/ como podemos ver en esta imagen (Figura 5.9):
Figura 5. 9 Inicio de BD
3. Para seleccionar una base de datos existente, desplegaremos el combo de la izquierda de la pantalla, y elegimos la base de datos (Figura 5.10).
Pgina | 82
Figura 5. 10 seleccionar Base de datos
4. Una vez seleccionada procederemos a gestionar la base de datos, a partir de aqu podemos crear tablas, sentencias SQL, insertar datos en una tabla ya creada anteriormente, buscar registros, modificarlos, etc.
Las secciones principales en phpMyAdmin para realizar estas gestiones son: ESTRUCTURA
En la pestaa de estructura podremos crear tablas dentro de nuestra base de datos (Figura 5.11), modificar el nombre de la base, y el cifrado (collation).
Pgina | 83
Figura 5. 11 Estructura de la Base de datos
Creacin de Tablas
Para crear una nueva tabla introduciremos el nombre que le queramos asignar y el nmero de campos (Figura 5.12).
Figura 5. 12 Crear tablas de base de datos
Una vez pinchado el botn de continuar, accederemos a la configuracin de los campos de la tabla (Figura 5.13). Pgina | 84
Figura 5. 13 Configuracin de campos de la Base de datos
Dispone las siguientes opciones para configurar cada campo:
1. Nombre del campo 2. Tipo de campo (texto, numrico, fecha/hora, etc.) 3. Longitud/Valores 4. Collation (cifrado) 5. Atributos 6. Nulo 7. Predeterminado (valor predeterminado) 8. Extras 9. Clave primaria / ndice / nico
Como opciones de la tabla tenemos las siguientes: Pgina | 85
1. Comentarios de la tabla. 2. Tipo de tabla 3. Collation
Una vez creados los campos podremos insertar registros completando el siguiente formulario (Figura 5.14):
Figura 5. 14 Insercin de datos a la base de datos
Pgina | 86
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 5.1.3 Diccionario de Datos Tabla usuarios
Atributo Dato Key Nulo Dominio Tipo de campo email nombre app apm user pass img id_permiso varchar(30) varchar(35) varchar(30) varchar(30) varchar(30) varchar(30) varchar(30) int(4) Foreign key no no no no no no img.gif no 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 texto texto texto texto texto texto texto numrico Correo electrnico nombre Apellido Paterno Apellido Materno usuario contrasea Imagen de usuario Tipo de permiso Comentarios
Tabla afiliados
Atributo Dato Key Nulo Dominio Tipo de campo no_afiliado nombre app apm sexo calle colonia del_mun telefono edo_civil escolaridad ocupacion int(5) varchar(35) varchar(30) varchar(30) varchar(1) varchar(40) varchar(30) varchar(30) int(15) varchar(25) varchar(25) varchar(30) primary No No No No No No No No No No No No 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 Numrico texto texto texto texto texto texto texto numrico texto texto texto Llave primaria Nombre Apellido Paterno Apellido Materno sexo calle Colonia Municipio telfono Estado civil escolaridad ocupacin Comentarios
Pgina | 87
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Tabla blog

Atributo no_coment Dato int(4) Key Primary key comentario tema fecha hora email text int(4) date time varchar(30) no no no no no 0 .. 9 0 .. 9 0 .. 9 0 .. 9 0 .. 9 texto numrico fecha hora texto Nulo no Dominio 0 .. 9 Tipo de campo numrico Comentarios Numero de comentario comentario tema fecha hora Correo electrnico
Tabla noticias
Atributo no_noticia Dato int(4) Key Primary key titulo descripcion img varchar(35) text varchar(20) no no no 0 .. 9 0 .. 9 0 .. 9 texto texto texto titulo descripcin imagen Nulo no Dominio 0 .. 9 Tipo de campo numrico Comentarios Numero de noticia
Tabla cursos talleres
Atributo no_ct
Dato int(6)
Key Primary key
Nulo no
Dominio 0 .. 9
Tipo de campo numrico
Comentarios Numero de curso taller
nombre descripcion precio cupo
varchar(30) text float int(4)
no no no no
0 .. 9 0 .. 9 0 .. 9 0 .. 9
texto texto decimal numrico
nombre descripcin precio cupo
Pgina | 88

tipo no_afiliado varchar(25) int(4) no curso 0 .. 9 0 .. 9 texto numrico Tipo de curso Nmero de afiliado
Tabla archivos
Atributo
Dato
Key
Nulo
Dominio
Tipo de campo
Comentarios
nombre descripcion formato icono
varchar(45) text varchar(15) varchar(10)
no no no no
0 .. 9 0 .. 9 0 .. 9 0 .. 9
texto texto texto texto
Nombre Descripcin formato icono
Tabla Men
Atributo id_menu Dato int(4) Key Primary key nivel child nombre_menu nombre_php int(4) varchar(4) varchar(30) varchar(30) no no no no 0 .. 9 0 .. 9 0 .. 9 0 .. 9 numrico texto texto texto Nulo no Dominio 0 .. 9 Tipo de campo numrico Comentarios Identificador de men Nivel Hijo Nombre de men Nombre de enlace php
Pgina | 89
Tabla permisos
Atributo id_permiso
Dato int(4)
Key Primary key
Nulo no
Dominio 0 .. 9
Tipo de campo numrico
Comentarios Identificador de permiso
permiso
varchar(25)
no
0 .. 9
texto
permiso
Tabla temas
Atributo
Dato
Key
Nulo
Dominio
Tipo de campo
Comentarios
no_tema
int(4)
Primary key
no
0 .. 9
numrico
Numero de tema
nombre descripcion
varchar(30) text
no no
0 .. 9 0 .. 9
texto texto
nombre descripcion
Tabla visitas
Atributo ip
Dato varchar(15)
Key Primary key
Nulo no
Dominio 0 .. 9
Tipo de campo texto
Comentarios Ip de visita
num
int(5)
no
0 .. 9
numrico
Numero de visita
5.2
Desarrollo de interfaces
Pgina | 90
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 5.2.1 Diseo del Mapa de Navegacin Despus de realizar el anlisis de los requerimientos del sistema y haber realizado el diseo de la base de datos, se procedi a realizar el diseo del mapa de navegacin de nuestro sistema, tomando en cuenta que es un sistema enfocado al lenguaje de programacin en PHP, asi queda de la siguiente manera el diagrama de navegacin, de igual manera este puede ser modificado de acuerdo a las necesidades de la empresa.
Figura 5. 15
Pgina | 91
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 5.2.2 Sistema SIORA
Figura 5. 16 Inicio de SIORA
Este es el intro del sistema web, donde nos muestra un smbolo de unin familiar, uno de los muchos valores que representa APPCE, despus de que se cargue el men, nos mostrara directamente al index, la pgina principal del sistema.
En la siguiente imagen que se visualiza a continuacin se mostrara el index completo de este sistema, en el cual podemos observar claramente que contiene mens interactivos, los cuales nos permitirn navegar fcilmente por el contenido de la pagina, tambin nos describe que es APPCE, que es a lo que se dedica APPCE, servicios, talleres, cursos que esta misma ofrece y su respectivo espacio de publicidad.
Pgina | 92
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Diseo Pantalla Inicial
Mens dinmicos Imagen interactiva con movimientos
Figura 5. 16 pantalla Inicial

Breve descripcin de la empresa APPCE y un poco de historia de cmo se Breve formo esta. de descripcin las actividades humanitarias que realiza APPCE
Descripcin de los servicios y
Figura 5. 17 Informacin de Inicio
talleres que imparte APPCE.
Pgina | 93
Figura 5. 18Footer de Inicio
Funcionalidad y propsito del men.

Muestra el contenido principal de la pgina, como la informacin del da y los eventos futuros que habr dentro de la empresa APPCE Esta seccin est reservada para miembros oficiales de APPCE, en la cual solamente ellos podrn tener acceso a las listas de cursos que se impartirn y si ellos desean, podrn registrarse como impartidor de un curso que ofrece APPCE. Se publicaran las rss, noticias, informando sobre los nuevos eventos que habr en APPCE, estos se actualizaran cada vez que APPCE, tenga nuevos eventos. Una vez que te hayas registrado en la pgina, te mostrara esta opcin para que puedas abandonar tu s sesin.
Para poder postear sobre eventos o futuros eventos, como talleres, plticas que realizara APPCE tienes que estar registrado en la pgina para que puedas tener acceso a nuestro foro de chat
Entra a nuestro blog para que visualices los temas de discusin de la comunidad
En este apartado, podrs visualizar documentos internos que solo miembros de APPCE pueden tener acceso a ellos.
Pgina | 94
A continuacin explicaremos cada uno de las opciones que ofrece el men con detalle.
Una vez pulsando la opcin de inicio, nos mostrara el contenido principal de la pgina.
Pulsando esta opcin, te mostrara en pantalla la informacin reciente que publica
Este es el contenido que muestra el sistema al momento de pulsar en inicio.
APPCE
Links e informacin
Figura 5. 19 Links e informacin
La siguiente opcin que se muestra a nuestro men es la de usuarios, en esta nos desplegara varias interfaces graficas, las cuales te piden que ingreses ciertos datos para que tengas tu cuenta y puedas ingresar a contenidos exclusivos de este sitio.
Pgina | 95
Esta opcin es para usuarios que se hayan registrado con anterioridad a la pgina Cuando no te hayas registrado, pulsa esta opcin para que llenes el siguiente formulario y puedas crear tu
Figura 5. 20 Men usuarios
cuenta para que puedas ingresar sin problemas a contenidos exclusivos.
Cuando ya te hayas registrado en la pgina, este es el formulario de ingreso de nombre de usuario y contrasea que te piden para que entres. Login
Ingresa tu nombre de usuario con el que te registraste para que puedas entrar.
Una vez llenado tus campos, pulsa entrar para que ingreses al sistema. Ingresa tu contrasea para que puedas ingresar a la pgina.
Figura 5. 21 Login
Si los datos los tecleaste de manera incorrecta, pulsa este botn para que puedas ingresar nuevamente tus datos.
Si no eres un usuario registrado, pulsa la siguiente opcin que te despliega el men de usuarios, que se llama regstrate, llenaras unos datos que te pide el sistema, crearas tu nombre de usuario y contrasea y listo.
Pgina | 96
Ingresa un nombre de usuario con el cual quieras registrarte en la Ingresa tu direccin de correo electrnico para que puedan enviarte la confirmacin de tus datos. Tener habilitado el chec box para aceptar los trminos y condiciones de uso de la informacin y material mostrado en esta pgina. Ingresa la contrasea con la cual quieras entrar al sitio. Si no est de acuerdo con nuestros trminos y condiciones de uso, pulse esta opcin. Una vez llenado los datos, pulse regstrate, para que tenga lista su pgina
Figura 5. 22 Usuarios login
Despus de haber ingresado cuenta. satisfactoriamente los datos que te piden en este formulario, aparecer un mensaje, informando que tu cuenta de usuario ya est lista para ser usada cuando lo desees.
Figura 5. 23 Login Exitoso
Ahora para que pueda ingresar a los dems contenidos de la pgina, debe ingresar sus datos creados al siguiente formulario, que le pedir nombre de usuario y contrasea.
Pgina | 97
Ingresar el nombre de usuario con el que te registraste en el formulario anterior.
Ingresar la contrasea con la cual relleno en el formulario anterior. Si los datos no son los correctos, Pulsar este botn cuando los daos sean correctos. presionar esta opcin para que vuelvan a estar en blanco y volver a ingresar los
Figura 5. 24 Detalles de Usuario login
datos nuevamente.
Despus de ingresar tus datos correctamente, aparecer un mensaje de bienvenida junto con tu nombre de usuario y el nmero de veces que has entrado en la pgina.
Mensaje de Nombre de usuario con el que ingresaste en el formulario. bienvenida por haber ingresado con su sesin. Salir de la sesin
Nmero de veces que has ingresado al sitio.
Figura 4. 2
Puedes cambiar tus datos para que los dems usuarios conozcan un poco mas de ti.
Despus de ser un usuario registrado, tienes la opcin de poder cambiar tu perfil, modificando tus datos en el momento cuando el usuario quiera. As los dems usuarios que tambin estn registrados podrn saber ms acerca de ti. Esta es la interfaz grafica que aparece cuando pulsamos sobre la liga editar perfil. Pgina | 98
Figura 5. 25
No es forzoso que llene estas opciones extras.
Figura 5. 26
Despus de haber completado todos estos datos, pulsar esta opcin para que se hagan los cambios respectivos en tu sesin, cada vez que inicies sesin y navegues por el sistema, o dejes comentarios en alguno de nuestros foros, los datos seleccionados en este formulario, aparecern almacenados en nuestra base de datos.
Pgina | 99
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Este es el formulario que nos aparece cada vez que queremos cambiar nuestra informacin del perfil. A continuacin, explicamos el men de afiliados.
En esta opcin es para las personas que pertenecen a APPCE, este apartado es especial para ellos ya que tendr acceso a la informacin que ellos necesitan. Pulsa en la opcin de entrada para que puedas ingresar tus datos y
Figura 5. 27 Men afiliados
entrar a este apartado especial.
Ingresa nombre de usuario y contrasea para que puedas visualizar contenido Pulsa esta extra. opcin si crees que tus datos Pulsa esta opcin cuando tus datos estn correctos. no son correctos y necesites teclearlos nuevamente.
Figura 5. 28 ventana completa de registro
Esta es la interfaz que se muestra cuando pulsamos sobre la opcin entrada, posterior a esto, debiste haberte registrado para tener acceso a los contenidos exclusivos. La siguiente opcin que se muestra en el men es la del blog, este es un espacio exclusivo para que los usuarios puedan comentar sobre cmo les parecieron las
Pgina | 100
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. actividades a desarrollar, de las cuales APPCE imparte talleres, cursos, clases, platicas.
Te mostrara una interfaz grafica donde te pedir que En este apartado se mostraran los temarios de las prximas actividades que impartir APPCE ingreses nombre de usuario y contrasea para tener acceso al blog
Figura 5. 29 Men Blog
Cuando pulsamos en la opcin inicio, esto es lo que nos muestra, un formulario donde tendrs que ingresar nombre de usuario y contrasea.
5.3
Desarrollo del cdigo de programacin SIORA
Programacin de Mdulos. A continuacin se detalla la creacin de mdulos y su codificacin dentro del sistema SIORA, los cuales servirn de interfaz grafica para los diferentes tipos de usuarios de esta plataforma va web.
5.3.1 Pantalla Inicial
Aqu se muestra la pantalla inicial, su diseo e informacin, quedando la funcionalidad de la siguiente manera (Figura 5.30)
Pgina | 101
Figura 5. 30 pantalla inicial
1. Codificacin de las clases ocupadas dentro del index

. <?php include "../class/conexion.php"; include "../class/dbutil.php"; include "../class/utiles.php"; include "../lib/configdb.php"; include "session.php"; $connect = new Conexion(); $util = new DBUtil(); $conector = $connect->conectameDBMS($url,$user,$password,$base);
cabezera(); ?>
2. Codificacin Utilizada del logotipo o banner <div id="logo"> <img src="../images/logo.jpg" /> <div id="menu"> <ul id="nav"> <?php $util->menu($conector); ?> </ul> Pgina | 102
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. </div> </div> 3. Codificacin utilizada para la imagen dinmica en flash <div id="cu3er-container"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </div>
4. Y finalmente tenemos el pie de pagina o footer del index el cual se utilizo el siguiente cdigo <div id="footer"> <div id="pie_footer"> <div class="footer_section left_section"> <p>Diseo Elaborado por Virus Antrax Company</p> </div> <div class="footer_section right_section"> <h4>LINKS EXTRAS</h4> <ul class="footer_list"> <li><a href="" target="_parent">link 1</a></li> <li><a href="" target="_parent">link 2</a></li> <li><a href="" target="_parent">link 3</a></li> </ul> </div> <div class="margin_bottom_10"></div> <p align="center">Copyright 2011 - Derechos reservados</p> </div> </div>
Pgina | 103
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 5.3.2 Pantalla de Registro de usuarios
Figura 5. 31 pantalla de registro de usuarios
1. Codificacin de las clases, librera, as como la invocacin de la base de datos <?php include("../class/conexion.php"); include "../class/dbutil.php"; include "../class/utiles.php"; include "../lib/configdb.php"; include "session.php"; $connect = new Conexion(); $util = new DBUtil(); $conector = $connect->conectameDBMS($url,$user,$password,$base); if(! empty($_REQUEST[iduser])){ $arr = array(); $query = " SELECT * FROM usuarios WHERE email = '".$_SESSION[email]."'"; $arr = $util -> resultsData($conector,$query);
Pgina | 104
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. } cabezera2(); ?> 2. Aqu se muestra el cdigo del formulario de registro, es el nico cdigo completo que se mostrara, los dems debern hacerse referencia al Disco de este proyecto, el cual contendr la informacin pertinente a cada uno de los cdigos completos de los formularios function afiliadoForm($max, $list, $arr){ $valor = ($arr[0]!= '')?$arr[0]:$max; if($arr[4] == 'M') $rM="checked"; else if($arr[4]=='F') $rF= "checked"; echo '<a href="listaAfiliados.php"><img src="../images/regresar.png" /></a> <form name="afiliado" action="control.php" method="post"> <br /><br /> <input type="hidden" name="opc" value="afiliado" /> <input type="hidden" name="imagen" value="img.gif" /> <table width="700" border="0" cellpadding="2" cellspacing="5" > <tr> <td colspan="3">No de Afiliado <input type="text" name="afiliado" value="'.$valor.'" size= "5" readonly="readonly" /></td> </tr> <tr> <td>Nombre</td> <td>Apellido Paterno</td> <td>Apellido Materno</td> </tr> <tr> <td><input type="text" name="nombre" value="'.$arr[1].'" size= "30" /></td> <td><input type="text" name="app" value="'.$arr[2].'" /></td> <td><input type="text" name="apm" value="'.$arr[3].'" /></td> </tr> <tr> <td>Calle</td> <td>Colonia</td> <td>Delegacion</td> </tr> <tr> Pgina | 105
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. <td><input type="text" name="calle" value="'.$arr[5].'" size="30" /></td> <td><input type="text" name="col" value="'.$arr[6].'" /></td> <td><input type="text" name="del" value="'.$arr[7].'" /></td> </tr> <tr> <td colspan="3"> <br /> Sexo: <input type="radio" name="sexo" value="M" '.$rM.' />Masculino <input type="radio" name="sexo" value="F" '.$rF.' />Femenino Estado Civl <select id="civil" name="civil"> <option value="Soltero">Soltero</option> <option value="Casado">Casado</option> <option value="Viudo">Viudo</option> <option value="Divorciado">Divorciado</option> </select> Escolaridad <select id="escolar" name="escolar"> <option value="leer">Sabe leer y escribir</option> <option value="Primaria">Primaria</option> <option value="Secundaria">Secunadaria</option> <option value="Bachillerato">Bachillerato o Prepa</option> <option value="Carrera Tecnica">Carrera Tecnica</option> <option value="Licenciatura">Licenciatura</option> <option value="Postgrado">Postgrado</option> </select> <br /><br /> </td> </tr> <tr> <td>Telefono</td> <td>Ocupacion</td> <td>Email</td> </tr> <tr> <td><input type="text" name="tel" value="'.$arr[8].'" /></td> <td><input type="text" name="ocupa" value="'.$arr[11].'" /></td> <td><input type="text" name="email" value="'.$arr[12].'" /></td> </tr> <tr> <td>Usuario</td> <td>Contraseña</td> <td>Tipo de Permiso</td> Pgina | 106
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. </tr> <tr> <td><input type="text" name="user" value="'.$arr[13].'" size="30" /></td> <td><input type="password" name="pass" value="'.$arr[14].'" /></td> <td>'.$list.'</td> </tr> <tr> <td align="right"><br /><br/><input type="submit" name="action" value="Grabar" /></td> <td><br /><br /><input type="reset" name="reset" value="Borrar" /></td> <td> </td> </tr> </table> </form>'; } 5.3.3 Pantalla inicio de Sesin
Figura 5. 32 pantalla de inicio de sesin
1. Aqu se muestra el cdigo de la tabla que se ocupo para la realizacin del diseo del ingreso de usuarios. <form name="login" action="control.php" method="post"> -<br /><br /> -<input type="hidden" name="opc" value="login" /> -<table align="center" width=300"" border="0" cellpadding="2" cellspacing="5" > -<tr> Pgina | 107
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. -<td><h3>Usuario:</h3> </td> -<td><h3><input type="text" name="user" value="" /><h3></td> -</tr> -<tr> -<td><h3>Contraseña:</h3> </td> -<td><h3><input type="password" name="pass" value="" /></h3></td> -</tr> -<tr> -<td align="right"><br /><br/><input type="submit" name="action" value="Entrar" /></td> -<td><br /><br /><input type="reset" name="reset" value="Borrar" /></td> -</tr> -</table> -</form> 2. Despus de ingresar a tu perfil se muestra la siguiente pantalla(Figura 5.33)
Figura 5. 33 Pantalla de ingreso de perfil
3. Aqu se muestra un fragmento de la codificacin de esta pantalla <?php if($_SESSION[sessionUser] == "activado" ){ listaPerfil($util->resultsData($conector,$sql)); imgForm(); echo '<a href="logout.php">CERRAR SESSION</a>'; } ?> </div> Pgina | 108
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. </div> <div id="mainContent"> <h2>PERFIL</h2> <?php if($_SESSION[sessionUser] == "desactivado" ) loginForm(); else actionPerfil(); ?>
5.3.4 Pantalla de Noticias
Figura 5. 34 pantalla de noticias
1. Aqu mostramos parte del cdigo utilizado para desarrollar esta interfaz grafica. <?php include("../class/conexion.php"); include "../class/dbutil.php"; include "../class/utiles.php"; include "../lib/configdb.php"; include "../tools/template_rss.php"; include "session.php"; Pgina | 109
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. $connect = new Conexion(); $util = new DBUtil(); $conector = $connect->conectameDBMS($url,$user,$password,$base); if($_REQUEST["action"] == "Grabar"){ $arrFotos = array();$arrLinks = array(); $arrDesc = array();$arrTitulo = array(); $arrRss = array(); $index = 0; $ruta = "../images/"; $title = serialKey($_POST['nombrerss']); $fichero = $_FILES['fichero1']['name']; $uploadfile_temporal = $_FILES['fichero1']['tmp_name']; $uploadfile_nombre = $ruta.$_FILES['fichero1']['name']; if ( is_uploaded_file($uploadfile_temporal)) copy($uploadfile_temporal,$uploadfile_nombre); else echo "ERROR"; $arrRss[0] = $conector; $arrRss[1] = $fichero; $arrRss[2] = $title; rename("../tools/template_rss.html", $title ); publicarNoticia($_POST['cabezera1'],substr($_POST['cuerpo1'], 0, 200),$fichero,$title,$_POST['posision'],$conector); infoRSS($_POST['cabezera1'], $_POST['cuerpo1'], $_POST['cabezera2'], $_POST['cuerpo2'], $title,$arrRss); for($i = 1; $i<5; $i++){ $arr = seleccionaNodos($i,$conector); $arrFotos[$index] = $arr[0]; $arrLinks[$index] = $arr[1]; $arrTitulo[$index]= $arr[2]; $arrDesc[$index] = $arr[3]; $index++; } noticiasLoad($arrFotos,$arrLinks,$arrDesc,$arrTitulo); } cabezera2(); ?> Pgina | 110
5.3.5 Pantalla de Archivos
5.1
Figura 5. 35 pantalla de almacenamiento de archivos
1. Presentamos la pantalla del men archivos, el cual permitir a la organizacin APCCE tener integrada la informacin vital para su desarrollo efectivo dentro del sistema SIORA, as presentamos un fragmento de la codificacin de esta pantalla quedando de la siguiente manera.
<?php if($_SESSION[permiso] == 4 ){ listaFiles($util -> tablaFiles($conector)); }else{ listaFiles($util -> tablaFiles($conector)); ?> <br /><br /> <form action="archivosUpdate.php" method="post" enctype="multipart/form-data"> Archivo: <input name="fichero" type="file"><br /> Pgina | 111
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Descripcion:<br /><textarea name="descripcion" cols="50" rows="6" ></textarea><br /> <input name="submit" type="submit" value="Upload!"> </form> <?php echo '<a href="logout.php">CERRAR SESSION</a><br />'; } ?>
Pgina | 112
Conclusiones y recomendaciones
Pgina | 113
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. conclusiones
Como se planteo, se realizo un sistema web enfocado a cubrir las necesidades existentes en la empresa APCCE, integrando a este sistema una base de datos de acuerdo a los formularios establecidos por la misma empresa para utilizarlos va web, los cuales ayudaran a minimizar tiempos y costos.
La aplicacin cumple con el objetivo planteado inicialmente, que es ofrecer una herramienta que permita el manejo de la informacin de forma oportuna y eficiente adems de controlar los procesos de forma automatizada.
Una vez terminada la aplicacin SIORA se puede afirmar que la arquitectura elegida para este proyecto, el diseo de las interfaces, el diseo de los botones e imgenes, el lenguaje de programacin para las animaciones y el control de la informacin y por ltimo el gestor de base de datos cumplen con los requisitos necesarios para su desarrollo.
Recomendaciones
1. El sistema se elaboro en Dreamwaver y en software con licencias gratuitas (php, MySQL), hoy en da existen diversos programas que ayudan a la elaboracin de pginas que son libres o de paga, algunos ejemplos de programacin son: Microsoft FrontPage, Macromedia Flash, Joomla, AppServ, por ello se hace indispensable tener conocimientos bsicos en programacin html, css, php para el mantenimiento de este sistema. Tomando en cuanta
esta recomendacin el sistema lograra mayores alcances de acuerdo a los objetivos de la empresa y a las necesidades que se vayan implantando dentro de esta.
Pgina | 114
Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 2. SIORA nos ayudara a la rpida eficiencia de la captura de registros, por medio de pantallas conectadas a base de datos las cuales tienen una gran apariencia para los usuarios, asimismo se puede mejorar el diseo y animacin de la interfaz grafica para que sean atractivas para el usuario y se vea reflejado en la presentacin de la empresa. Por esta razn
recomendamos tenga conocimientos en Gestores de Base de Datos para la adecuada manipulacin de la informacin de la asociacin asi mismo conocimientos en diseo grafico.
3. Mantener actualizada la aplicacin SIORA, es importante pues la informacin almacenada en el gestor de base de datos de la aplicacin ser consultada por los usuarios o afiliados registrados a la organizacin APCCE a travs de esta aplicacin.
Pgina | 115
FUENTES
Pgina | 116
Antony Dovgal, D. S. (2003). PHP Manual. E.U.A.: Grupo de Documentacion PHP. Balanescu, C. D. (2008). Beginning PHP (SECOND EDITION ed.). (L. Editors, Ed.) New York, New York, Estados Unidos de America: APRESS. es.scribd.com. (01 de 01 de 2006). es.scribd.com. (es.scribd.com, Editor) Recuperado el 12 de Marzo de 2011, de es.scribd.com: http://es.scribd.com/doc/31440864/Metodologia-RUP Puertas, J. P. (2007). Creacion de un portal con PHP y MySQL (Tercera Edicin ed.). (S. d. Alfaomega Grupo Editor, Ed.) Madrid, Madrid, Espaa: RA-MA Editorial.
Pgina | 117

Memoria Modificada Cap 1,2,3,4,5

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Memoria Modificada Cap 1,2,3,4,5

Caricato da

Copyright:

Formati disponibili

UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL Organismo Pblico Descentralizado del Estado de Mxico

QUE PARA OBTENER EL TTULO DE INGENIERO EN TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN

SELENE SARAI ROS BECERRA GUSTAVO ESQUIVEL MUOZ

. Netzahualcyotl Estado de Mxico, a 25 de Mayo del 2011. GENERACIN I

UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL Organismo Pblico Descentralizado del Estado de Mxico

Divisin de Tecnologas de la Informacin y Comunicacin rea Redes y Telecomunicaciones

QUE PARA OBTENER EL TTULO DE INGENIERO EN TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN

ING. SELENE SARAI ROS BECERRA .

C. GUSTAVO ESQUIVEL MUOZ

Netzahualcyotl Estado de Mxico, a 25 de Mayo del 2011. GENERACIN I

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Cabaas Dura Francisco Pgina | 3

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Corona Rentara Edgar Felipe

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Reyes Martnez Everardo Alfonso

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Resumen

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Abstrac

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. MISIN

Antecedentes del Proyecto

Propuesta derivada del diagnostico

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. 1.5 Justificacin

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Capitulo 2. Planeacin para el desarrollo del proyecto

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

implementacin y documentacin de sistemas orientados a objetos.

Recursos requeridos para la realizacin del proyecto

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C. Descripcin de funciones

Para operar el sistema SIORA , su equipo debe contar con al menos :

Requerimientos tcnicos para el desarrollo del sistema SIORA

Sistema operativo Windows XP Profesional Versin 2002 Pgina | 24

Serie del procesador Intel Essential Intel Desktop Board DG41RQ

Video I/O control

Compatibilidad con LAN

Interfaces para perifricos

Algunas de sus caractersticas son:

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Figura 2. 1 Diagrama de actividades Pgina | 29

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Capitulo 3. Marco terico

Evolucin de las Pginas Web.

Algunos beneficios de utilizar una intranet son:

Estructura de un Sitio Web.

Diagramas Entidad-Relacin (E/R).

Modelo Entidad-Relacion (E/R).

Tecnologas Web Utilizadas para su Desarrollo.

3.2.1 Tecnologas de Programacin

3.2.3 Aplicaciones de para su desarrollo

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Capitulo 4. Anlisis y Diseo de SIORA

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Diagramas de Caso de Uso

Figura 4. 3 Diagrama de Usuario-Inicio

Figura 4. 4 Diagrama Usuarios Pgina | 43

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Figura 4. 5 Diagrama usuario-Blog

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Figura 4. 6 Diagrama usuario-Salir

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Figura 4. 7 Diagrama Afiliado-Inicio para salir del sistema

Figura 4. 8 Diagrama Afiliados-Inicio Pgina | 47

Asociacin para la Promocin De la Cultura Cvica y Ecolgica A.C.

Figura 4. 9 Afiliado interactuando con blog