REESTRUCTURACIN DE LA PGINA E IMPLEMENTACIN DE UN SISTEMA DE SERVICIOS WEB, PARA LA EMPRESA DE SERVICIOS PUBLICOS DE OCAA ESPO S.A. E.S.P.

YESSICA ALEJANDRA GAONA VEGA

UNIVERSIDAD FRANCISCO DE PAULA SANTANDER OCAA FACULTAD DE INGENIERAS INGENIERA DE SISTEMAS OCAA 2012

REESTRUCTURACIN DE LA PGINA E IMPLEMENTACIN DE UN SISTEMA DE SERVICIOS WEB, PARA LA EMPRESA DE SERVICIOS PUBLICOS DE OCAA ESPO S.A. E.S.P.

YESSICA ALEJANDRA GAONA VEGA

DIRECTOR Miguel Edgardo Lemus Lobo Ingeniero de Sistemas

UNIVERSIDAD FRANCISCO DE PAULA SANTANDER OCAA FACULTAD DE INGENIERAS INGENIERA DE SISTEMAS OCAA 2012

CONTENIDO pg. 1 DESCRIPCIN DE LA EMPRESA 1.1 RESEA HISTRICA

1.1.1 Actividad Econmica

10 10
10

1.2 OBJETIVOS ESTRATEGICOS 1.3 MISIN 1.4 VISIN 1.5 DESCRIPCIN DE LA ESTRUCTURA ORGANIZACIONAL DE LA EMPRESA 1.6 ESTRUCTURA Y FUNCIONES DEL DEPARTAMENTO DONDE SE REALIZARON LAS PASANTAS 1.6.1 Funciones 1.7 DESCRIPCION DEL DEPARTAMENTO DONDE SE REALIZAN LAS PASANTIAS 1.7.1 Descripcin 2 DESCRIPCION DEL PLAN DE TRABAJO 2.1 LUGAR DE TRABAJO 2.2 PLAN DE TRABAJO 2.3 OBJETIVOS 2.3.1 Objetivo General 2.3.2 Objetivos Especficos 2.4 DIAGNSTICO SITUACIONAL 2.5 DESCRIPCION DE LAS ACTIVIDADES A REALIZAR 2.5.1 Realizacion de la Fase de Anlisis 2.5.1.1 Actividad Conceptual 2.6.1.2 Diseo de Casos de Uso 2.6.1.2.1 Diagrama de casos de uso para la Seccin Administrable 2.6.1.2.2 Diagrama de casos de uso para la Seccin Usuario Final 2.6.1.3 Especificacion de los casos de uso 2.6.1.3.1 Especificacin casos de uso seccin Administrador 2.6.1.3.2 Especificacin casos de uso seccin Usuario Final 2.6.1.4 Modelo Entidad Relacin 2.6.1.5 Diccionario de Datos

11 11 12 12 15 14

166 16 16 16 16 17 17 17 18 18 18 19 26 26 26 2 28 46 51 51

3.1 PROTOTIPO DE INTERFASES 3.1.1 Diseo de la pgina Principal 3.2 Diseo del usuario administrador

57

57 58 58 60 61 62

3.3 Diseo de la seccin de noticias 3.4 Diseo de la seccin de usuarios 3.5 Diseo de la seccin de contenidos 3.6 Diseo de la seccin de publicidad

4. Pruebas del software para la parte Administrable de la pgina y del sistema de servicios web 4.1 Pruebas de Caja Blanca. 4.2 Pruebas de Caja Negra 5. 63 67

Pruebas Del Software Para El Usuario Final Del Pgina y Sistema De Servicios Web 72 73

5.1 Prueba de Caja Blanca usuario Final 5.2 Prueba de Caja negra usuario final 6. PRESENTACIN DE RESULTADOS 6.1 DIAGNSTICO FINAL 6.1.1 Resultados del desarrollo del Sitio y mdulo de trmites web CONCLUSIONES BIBLIOGRAFA REFERENCIAS DOCUMENTALES ELECTRONICAS ANEXOS

75

LISTA DE CUADROS Cuadro 1. Cronograma de Actividades Error! Bookmark not defined. Cuadro 2. UC1: Gestionar Noticias 28 Cuadro 3. UC2: Ingresar Noticias 29 Cuadro 4. UC3: Modificar Noticias 29 Cuadro 5. UC4: Eliminar Noticias 29 Cuadro 6. UC5: Consultar Noticias 29 Cuadro 7. UC6: Gestionar Peticiones, Quejas y Reclamos 30 Cuadro 8. UC7: Eliminar Peticiones, Quejas y Reclamos 31 Cuadro 9. UC8: Consultar Peticiones, Quejas y Reclamos 31 Cuadro 10. UC9 Gestionar recibo 36 Cuadro 11. UC10: Ingresar Recibos 37 Cuadro 12. UC11:Modificar Recibos 33 Cuadro 13. UC12: Eliminar Recibos 33 Cuadro 14. UC13: Consultar Recibos 34 Cuadro15. UC14: Validar Usuario 34 Cuadro 16. UC15: Gestionar Usuarios 35 Cuadro 17. UC16: Ingresar Usuario 35 Cuadro 18. UC17: Modificar Usuario 36 Cuadro 19. UC18: Eliminar Usuario 36 Cuadro 20. UC19: Consultar Usuario 37 Cuadro 21. UC20: Gestionar Estado Cuenta 37 Cuadro 22. UC21: Ingresar Estado Cuenta 38 Cuadro 23. UC22: Modificar Estado Cuenta 38 Cuadro 24. UC23: Eliminar Estado Cuenta 39 Cuadro 25. UC24: Consultar Estado Cuenta 39 Cuadro 26. UC25: Gestionar Contenido 40 Cuadro 27. UC26: Ingresar Contenido 40 Cuadro 28. UC27: Modificar Contenido 41 Cuadro 29. UC28: Eliminar Contenido 41 Cuadro 30. UC29: Consultar Contenido 42 Cuadro 31. UC30: Gestionar Encuesta 43 Cuadro 32. UC31: Ingresar Encuesta 43 Cuadro 33. UC32: Modificar Encuesta 44 Cuadro 34. UC33: Eliminar Encuesta 44 Cuadro 35. UC34: Consultar Encuesta 44 Cuadro 36. UC1: Visualizar Noticias 45

Cuadro 37. UC2: Visualizar Test Cuadro 38. UC3: Visualizar Contenido Cuadro 39. UC4: Visualizar Estado Cuenta Cuadro 40. UC5: Gestionar Recibo Cuadro 41. UC6: Consultar Recibo Cuadro 42. UC7: Imprimir Recibo Cuadro 43. UC8: Visualizar Encuesta Cuadro 44. UC9: Consultar Encuesta Cuadro 45. Diccionario de datos: cliente Cuadro 46. Diccionario de datos: estado_cuenta Cuadro 47. Diccionario de datos: fecha_ruta Cuadro 48. Diccionario de datos: recibo Cuadro 49. Diccionario de datos: pqr Cuadro 50. Diccionario de datos: datos_periodo Cuadro 51. Diccionario de datos: causal Cuadro 52. Diccionario de datos: mes Cuadro 53. Diccionario de datos: tarifas alcantarillado Cuadro 54. Diccionario de datos: tarifa acueducto Cuadro 55. Diccionario de datos: tarifa aseo Cuadro 56. Diccionario de datos: noticias Cuadro 57. Diccionario de datos: contenido Cuadro 58. Diccionario de datos: tipo_usuario Cuadro 59. Diccionario de datos: usuario Cuadro 60. Caja blanca mdulo administrable de usuarios Cuadro 61. Caja blanca mdulo administrable de noticias Cuadro 62. Caja blanca mdulo administrable de proyecto Cuadro 63. Caja blanca mdulo administrable de Publicidad Cuadro 64. Caja blanca mdulo administrable de Contenidos Cuadro 65. Caja negra mdulo administrable de usuarios Cuadro 66. Caja negra mdulo administrable de noticias Cuadro 67. Caja negra mdulo administrable de Eventos Cuadro 68. Caja negra mdulo administrable de Proyectos Cuadro 69. Caja negra mdulo administrable de Publicidad Cuadro 70. Caja negra mdulo administrable del Contenido Cuadro 71. Caja blanca mdulo noticias Cuadro 72. Caja blanca mdulo foto galera Cuadro 73. Caja blanca mdulo trmites y servicios Cuadro 74. Caja negra mdulo usuarios

45 46 46 47 47 48 48 48 50 50 50 51 51 52 52 52 52 53 53 53 54 54 54 61 62 63 64 65 65 66 66 67 68 69 70 71 71 71

LISTA DE FIGURAS

Figura 1. Organigrama ESPO Figura 2. Diagrama Casos de uso Seccin administrador Figura 3. Diagrama Casos de uso Seccin Usuario Final

12 26 27

Figura 1. Diagrama Casos de uso Seccin Sper Administrador, Admin Comunicaciones, Admin Comercial. 26 Figura 1. Diagrama Casos de uso Seccin Sper Administrador, Admin Comunicaciones, Admin Comercial. ..........................................................................................................................................26

GLOSARIO

Un sitio web es un conjunto de pginas web, tpicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Una pgina web es un documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet. Todos los sitios web pblicamente accesibles constituyen una gigantesca "World Wide Web" de informacin (un gigantesco entramado de recursos de alcance mundial). W3C: El world wide web consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la world wide web. Est dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator, Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Lenguaje de marcado de HiperTexto) que son las principales tecnologas sobre las que se basa la web.

Servicios Web: Son la herramienta tecnolgica que permite la incorporacin de servicios y procesos basados en Internet, de manera que los usuarios y la institucin que los pone al servicio puedan agilizar y facilitar la gestin y consulta de datos y trmites, directamente desde cualquier PC conectada a Internet.

Comercio Electrnico: Tambin conocido como e-commerce, consiste en la compra y venta de productos o de servicios a travs de medios electrnicos, tales como el Internet y otras redes de ordenadores. Originalmente el trmino se aplicaba a la realizacin de transacciones mediante medios electrnicos tales como el Intercambio electrnico de datos, sin embargo con el advenimiento de la Internet y la World Wide Web a mediados de los aos 90 comenz a referirse principalmente a la venta de bienes y servicios a travs de la Internet, usando como forma de pago medios electrnicos, tales como las tarjetas de crdito. PHP (Hypertext Preprocessor) es un lenguaje script (no se compila para conseguir cdigos mquina si no que existe un intrprete que lee el cdigo y se encarga de ejecutar las instrucciones que contiene ste cdigo), para el desarrollo de pginas web dinmicas del lado del servidor, cuyos fragmentos de cdigo se intercalan fcilmente en pginas HTML, JavaScript es un lenguaje interpretado orientado a las pginas web, con una sintaxis semejante a la del lenguaje Java.El lenguaje fue inventado por Brendan Eich en la empresa Netscape Communications, que es la que fabric los primeros navegadores de Internet comerciales.

INTRODUCCIN

Cada da, se ve como nuestras sociedades se convierten en sociedades que van muy a prisa, que necesitan recorrer mayores distancias en poco tiempo, que necesitan estar en contacto con mucha gente y en varios lugares a la vez, adems, poder realizar innumerables tareas; en lo posible desde nuestras casas o lugar en que nos encontremos. A la vez la tecnologa presenta sus avances a gran velocidad y genera solucin a muchos de estos problemas suministrando herramientas que se adopta y se utiliza, hasta convertirlas en parte fundamental de nuestras vidas. Internet es un buen ejemplo de estas herramientas, mejora la productividad de las empresas y permite una comunicacin en tiempo real con cualquier lugar del planeta, entre otros muchos beneficios. Las empresas a travs del tiempo, han podido experimentar la importancia de conocer con exactitud las necesidades de sus clientes, ello lograr ofrecer un mejor producto o servicio con excelente calidad. LA EMPRESA DE SERVICIOS PUBLICOS DE OCAA, ESPO S.A E.S.P, constantemente ha ido revisando, evaluando y mejorando su funcionamiento administrativo y tecnolgico; como empresa dedicada a la prestacin de servicios pblicos, se preocupa por entregar un servicio acorde a los requerimientos de los clientes, solucionando sus inquietudes. De ah la importancia de desarrollar el presente proyecto, para lo cual se requiere implementar un sitio donde los ciudadanos realicen sus servicios va web. Con la realizacin del proyecto de reestructuracin de la pgina e implementacin de un sistema de servicios web, para ESPO S.A. E.S.P, se dar fin a muchos inconvenientes, tales como disminuir la insatisfaccin por demora en los procesos y se busca mejorar la calidad de vida de los ciudadanos. Adems se acerca a todas las personas de forma paulatina al uso natural de estas herramientas.

DESCRIPCIN DE LA EMPRESA

1.1

RESEA HISTRICA1

Del anlisis realizado al establecimiento pblico denominado EMPRESA MUNICIPAL DE SERVICIOS PUBLICOS DE OCAA, a travs del Plan de Ajuste Institucional que hiciera parte del estudio del Plan Maestro de Acueducto y Alcantarillado de la ciudad de Ocaa elaborado en los inicios del ao 1993, se concluy que dicho establecimiento afrontaba serias dificultades de orden econmico, financiero, operativo y laboral. Por tal razn y considerando la filosofa de un proyecto de Ley de Servicios Pblicos que hiciera trnsito en aquel entonces en el Congreso de la Repblica y que es hoy la Ley 142 de 1994, el Concejo Municipal autoriz al Alcalde del Municipio de Ocaa para participar en la constitucin de una sociedad por acciones que se encargara de la prestacin de los servicios de Acueducto, Alcantarillado y Aseo, a la cual se le entregara en calidad de arrendamiento los activos afectados en la prestacin de los mencionados servicios (Acuerdo No. 16 del 13 de Julio de 1994). De esta manera y con la participacin de muchas personas naturales y jurdicas, que creyeron en el proyecto y con la anuencia del Municipio de Ocaa, como arrendador de los bienes afectados a la prestacin de los servicios pblicos y as mismo, como accionista de la nueva Empresa, nace ESPO S.A."E.S.P" como Sociedad Annima, constituida mediante Escritura Pblica No 246 del 13 de Octubre de 1994, otorgada en la Notaria Segunda de Ocaa debidamente inscrita en el Registro Mercantil de la Cmara de Comercio de Ocaa, bajo el No 613 del libro IX en la pagina No 40, con Matricula Mercantil No 49-004652-4. A travs de una publicidad masiva e intensiva, utilizando para ello, los medios de comunicacin locales y enviando informacin pertinente, mediante volantes anexos a las facturas de cobro de los servicios realizada durante un perodo de tres meses, se logr la aceptabilidad del proyecto por parte de la comunidad de usuarios y la adquisicin de acciones de acuerdo con las condiciones establecidas que en ese entonces le dieron vida a ESPO S.A. 1.1.1 Actividad econmica La actividad econmica de la Empresa de Servicios Pblicos de Ocaa, ESPO s.a. "E.S.P.", se circunscribe a la prestacin de los servicios pblicos domiciliarios definidos por el artculo 1 de la Ley 142 de 1994, que a la letra dice: "AMBITO DE APLICACION DE LA LEY.

Manual de procesos gerenciales, Empresa de Servicios Pblicos de Ocaa ESPO S.A.

10

Esta ley se aplica a los servicios pblicos domiciliarios de acueducto, alcantarillado, aseo, energa elctrica, distribucin de gas combustible, telefona fija bsica conmutada y la telefona local mvil en el sector rural....". Lo anterior en concordancia con lo reglado por el artculo 18 de la misma Ley 142 que establece: "OBJETO. La empresa de servicios pblicos tiene como objeto la prestacin de uno o ms de los servicios pblicos a los que se aplica esta ley, o realizar una o varias de las actividades complementarias, o una y otra cosa..." Adems el Estatuto Social de la Empresa que fuera elevado a Escritura Pblica No 246 del 13 de Octubre de 1994, otorgada en la Notaria Segunda de Ocaa, literalmente retoma los anteriores conceptos de orden legal, en relacin con las actividades econmicas de las empresas prestadoras de los servicios pblicos domiciliarios. Es de destacar que en la actualidad ESPO s.a. "E.S.P.", solo viene prestando de manera continua y eficiente los Servicios Pblicos Domiciliarios de Acueducto, Alcantarillado y Aseo. LA EMPRESA DE SERVICIOS PBLICOS DE OCAA, E.S.P.O. S.A. "E.S.P.", es una Sociedad Annima que utiliza el acrnimo de ESPO S.A. y por la obligacin contenida en el artculo 19.1 de la Ley 142 de 1994, lleva seguido de su Razn Social o Nombre la Sigla "E.S.P.", que significa Empresa de Servicios Pblicos.

1.2

OBJETIVOS ESTRATEGICOS

Prestar servicios de acueducto, alcantarillado y aseo, con eficacia y calidad. Promover una cultura de mejoramiento continuo en todos los niveles de la organizacin. Administrar adecuadamente los recursos de la organizacin. Garantizar atencin eficiente a nuestros usuarios.

1.3

MISIN

ESPO S.A. "E.S.P.", presta los servicios pblicos domiciliarios de acueducto, alcantarillado y aseo a la comunidad de Ocaa, satisfaciendo con calidad y continuidad las necesidades de agua potable y saneamiento bsico y contribuyendo al mejoramiento del nivel de vida de nuestros clientes, logrando con ello liderazgo institucional, compromiso, pertenencia y bienestar de los miembros de la organizacin.

11

1.4

VISIN

La empresa de servicios pblicos de Ocaa ESPO S.A. "E.S.P.", ser reconocida en el ao 2.012, a nivel regional como lder en la prestacin de los servicios pblicos domiciliaros de acueducto, alcantarillado y aseo por su calidad y eficiencia.

1.5

DESCRIPCIN DE LA ESTRUCTURA ORGANIZACIONAL DE LA EMPRESA

Figura 1. Organigrama ESPO S.A.

Fuente. http://www.laespo.com

12

ASAMBLEA GENERAL DE ACCIONISTA: La constituyen el numero plural de accionistas inscritos en el libro de registro de accionistas o de sus representantes o mandatarios. Convocados y reunidos en las condiciones que sealan los estatutos. JUNTA DIRECTIVA: La junta directiva estar formada por cinco (5) miembros principales quienes tendrn cada uno un suplente personal. La representacin de las acciones de propiedad del municipio de Ocaa la ejercer el alcalde municipal o su delegado, quien adems ser el Presidente de la junta directiva y la eleccin de los otros cuatro (4) miembros se har en forma que exista representacin directamente proporcional de la propiedad accionara en su composicin GERENCIA: Es el representante legal y como tal debe encargarse de materializar las acciones necesarias para el cumplimiento del objeto social de la empresa. De igual forma debe ejecutar las directrices que la Junta Directiva trace en relacin con las polticas y metas empresariales, lo mismo que dirigir, coordinar, vigilar y controlar al personal de la empresa y la ejecucin de las funciones o programas de esta. REVISOR FISCAL: Deber ser Contador Pblico, designado por la asamblea general de accionistas, para un periodo de un (1) ao y su funcin principal es la de cerciorarse de que las operaciones que se celebren o cumplan por cuenta de la empresa se ajusten a las prescripciones de los estatutos a las decisiones de la asamblea general y de la junta directiva. CONTROL INTERNO: Implementa y evala el sistema de control interno de la empresa como parte integral para el cumplimiento de los fines sociales creando los instrumentos precisos para medir la efectividad de la empresa y de sus funcionarios. PLANEACION: Recolecta y prepara toda la informacin necesaria para la elaboracin y puesta en funcionamiento de los planes y polticas gerenciales y empresariales que sirvan de sustento al cumplimiento del objeto social. DIRECCION JURIDICA: Presta la asesora legal y jurdica que la empresa y sus empleados requieran previo poder otorgado por la gerencia. AREA FISICO-OPERATIVA: Planea, organiza, coordina y controla las labores de mantenimiento de la infraestructura fsica de Acueducto, Alcantarillado y Aseo y las tareas realizadas por los encargados contratados para tal fin. AREA FINANCIERA Y CONTABLE: Se encarga de manejar el sistema financiero de la empresa y realiza las proyecciones econmicas y financieras que ella requiere. AREA COMERCIAL: Establece las polticas y las actividades comerciales indispensables para brindar un servicio oportuno, confiable y eficiente a los usuarios del servicio, de manera que le asegure a la empresa la recuperacin de ingresos necesarios para su expansin y crecimiento.

13

AREA DE SISTEMAS: Es el responsable de la operacin, mantenimiento y actualizacin de todo lo atinente a los sistemas de computacin de la empresa, as como de prestar la asesora tcnica que se requiera. ALMACEN: Debe establecer un sistema ordenado y seguro de almacenamiento y entrega de todos los elementos y materiales que pertenezcan a la empresa o se vayan adquirir. ATENCION AL CLIENTE: Se encarga de la atencin al pblico en general lo mismo que la recepcin y tramites de las quejas, reclamos y peticiones que los usuarios presenten. INSPECTORES: Revisan, inspeccionan, evalan y entregan informes de todos los trabajos hechos por los contratistas de la parte operativa, lo mismo que lo relacionado con las plantas de tratamiento y el sistema de Aseo, al rea Fsico Operativa. TESORERIA: ejecuta las acciones tendientes a materializar la seguridad de los recaudos de dinero y de la proteccin de los ttulos valores, as como realizar los pagos que se requieran. EMPRESAS CONTRATISTAS PURIFICAR E.A.T: Para el manejo y operacin de las plantas de tratamiento el Algodonal y Llanito. SAMARA SERVICIOS E.A.T: Para la operacin del tanque de almacenamiento y del sistema de rebombeo de Buena Vista. COOSERTACO LTDA: Para el proceso de facturacin y control del recaudo, mantenimiento y operacin de la bocatoma la Tupia, servicios generales rea administrativa. E.I.S.O. A.E.T.: Para la recoleccin y trasporte de residuos slidos RECOMBAD E.A.T: Para la recoleccin y trasporte de residuos slidos. REBASA E.A.T.: Para el barrido, mantenimiento y ornato de los parques y zonas verdes de la ciudad. FONTANEROS E.A.T.: Para el mantenimiento de las redes de acueducto y alcantarillado y actividades conexas. R.R.A.A. E.A.T.: Para el mantenimiento de las redes de acueducto y alcantarillado y actividades conexas.2

Manual de procesos gerenciales, Empresa de Servicios Pblicos de Ocaa ESPO S.A

14

1.6

FUNCIONES DEL DEPARTAMENTO DONDE SE REALIZARON LAS PASANTAS

1.6.1 FUNCIONES

Generales: 1. Es responsable de la operacin, mantenimiento y actualizacin del Software, de los equipos y de la red. 2. Es responsable de desarrollar programas que faciliten los procesos administrativos y operativos. 3. Realizar el inventario de todos los programas que produzcan informes y modificaciones de archivos y prevenir el uso indebido de estos programas. 4. Deber organizar el rea a su cargo y reglamentar el uso de los equipos que estn bajo su responsabilidad. 5. Proponer planes de expansin en el programa de sistematizacin que mejoren la operacin y servicio del rea y de la Empresa. Especficas: 1. Deber capacitar peridicamente al personal de la Empresa. 2. Establecer y poner en prctica los estndares y normas de anlisis de programas y de los sistemas en todas las aplicaciones utilizadas en la Empresa. 3. Deber velar porque se realicen y mantengan copias de seguridad de todos los programas y de todas las aplicaciones. 4. Prestar su asesora al personal que lo requiera. 5. Velar por el mantenimiento y limpieza de todos los equipos. 6. Actualizar y mantener en perfecto orden el material y el inventario puesto bajo su cuidado. 7. Elaborar los programas de computacin necesarios para mejorar el desarrollo de todas las actividades de la Empresa. 8. Las dems que se le asignen de acuerdo a la naturaleza del cargo. 3

Manual de procesos gerenciales, Empresa de Servicios Pblicos de Ocaa ESPO S.A.

15

1.7

DESCRIPCION DEL DEPARTAMENTO DONDE SE REALIZARON LAS PASANTIAS

El departamento de sistemas es el responsable de la operacin, mantenimiento y actualizacin de todo lo atinente a los sistemas de computacin de la empresa, as como de prestar la asesora tcnica que se requiera.

DESCRIPCION DEL PLAN DE TRABAJO

2.1

LUGAR DE TRABAJO

Empresa de Servicios Pblicos de Ocaa ESPO S.A. E.S.P, ubicada en la carrera 33 numero 7-11, barrio la primavera, telfono: 5611317. 2.2 PLAN DE TRABAJO

La Empresa de Servicios Pblicos de Ocaa ESPO S.A. E.S.P, en la actualidad no posee un sitio web fcil de manejar, es por esto que se pretende mejorarlo, con la implementacin de las nuevas tecnologas. A dems no cuenta con un sistema de servicios web que permita a los usuarios agilidad y rapidez, lo que obliga a gran parte de la poblacin ocaera a realizar estos trmites de forma manual, generando gasto econmico y de tiempo para la empresa y para los usuarios. Con el desarrollo de este proyecto se resolvern estos inconvenientes y adems se avanzara hacia el cumplimiento de las metas de la empresa. Cronograma de Actividades FEBRERO Actividades Realizacin de la fase de anlisis Diagnostico situacional de la empresa Diagrama de Casos de Uso Especificacin de los casos de uso Diagrama de actividades Diseo Modelo Entidad Relacin Diagrama de Clases Prototipo de interfaces Construccin del software Codificacin de la base de datos utilizando MYSQL Codificacin del mdulo de tramites web MARZO ABRIL MAYO

16

Realizacin de las pruebas internas del software A travs de la realizacin de esta actividad se podr determinar fallas en el sistema. Desarrollo de la documentacin del software Realizar el plan de pruebas para el aplicativo en busca de posibles errores

Fuente: Pasante

2.3

OBJETIVOS DE LA PASANTIA

2.3.1

General

Reestructurar la pgina e Implementar un Sistema de Servicios Web, para La Empresa de Servicios Pblicos de Ocaa, ESPO S.A. E.S.P.

2.3.2

Especficos

Recolectar informacin necesaria relacionada con el tema de estudio, mediante entrevistas no estructuradas y observacin directa de los procesos que se ejecutan en la empresa. Analizar la informacin recopilada, seleccionndola y organizndola detalladamente, determinando as el alcance y las necesidades de la pgina web. Disear la aplicacin web con la informacin y las especificaciones dadas por la empresa y con ello crear una interfaz agradable y de fcil uso para el usuario final. Realizar las respectivas correcciones, que sean necesarias para el buen funcionamiento del aplicativo. Plasmar un artculo donde se muestra el trabajo realizado.

17

2.4

DIAGNSTICO SITUACIONAL DE LA EMPRESA

La empresa tiene al pblico una modesta pgina web, en cual presenta noticias y otro tipo de informacin, teniendo en cuenta la calidad, el inters de hacer las cosas bien tanto por parte de la estudiante que realiza la pasanta y la disposicin de ESPO S.A E.S.P, se decidi adems del sistema de servicios web, realizar un sitio web adecuado para mostrar esta informacin y realizar los trmites a travs de la web.

2.5

DESCRIPCIN DE LAS ACTIVIDADES REALIZADAS Realizacin de la fase de anlisis

2.5.1

Con el fin de determinar los requerimientos de informacin, para implementar estrategias que permitan la elaboracin y consolidacin del sistema de servicios web, para ESPO S.A E.S.P, que contenga la informacin de la empresa e informacin que podr ser consultada por parte de los usuarios de esta, en la ciudad de Ocaa; se realiz una reunin entre la pasante de ingenieras, practicantes de comunicacin social y el jefe de Sistemas de ESPO, Miguel Edgardo Lemus Lobo, donde se establecieron las caractersticas y secciones que tendr este sistema de servicios web, tambin se acord la realizacin de la pgina web con algunas secciones como noticias, proyectos, etc. De acuerdo a la observacin e informacin suministrada por la empresa, el funcionamiento actual y de cmo se quiere que funcione el sistema de servicios web, se estipularon los puntos que se desarrollaron en el proyecto: 1. Los colores predominantes que se utilizaron ser azul, blanco y se le adicionara verde de acuerdo a los colores que utiliza la empresa. 2. las secciones que contiene son las siguientes:

18

 Noticias: Las noticias a mostrar en la pgina son aquellas que generalmente ocurren en la empresa. Servicios: en esta seccin el usuario podr realizar consultas de su cuenta, imprimir el recibo de pago y gestionar peticiones, quejas y reclamos. Nosotros: Se mostraran la historia, organigrama, misin, visin de la empresa. Responsabilidad Social: en esta seccin el usuario podr observar los diferentes proyectos y procesos que realiza la empresa como espocine, etc. Gestin de Calidad: En esta seccin se mostrara la informacin que tiene que ver con el proceso de calidad que actualmente lleva la empresa. Informacin al Usuario: Se mostrara informacin con respecto a telfonos, horario de atencin al pblico y puntos de pago. 3. El sitio manejara cuatro tipos de usuarios los cuales son Sper Administrador, Administrador Comunicaciones, Administrador Comercial y usuario final, donde el Sper Administrador es aquel que tiene acceso a todo y crea los usuarios. El Administrador Comunicaciones se encarga de actualizar el sitio en cuanto a noticias y dems aplicaciones, el Administrador Comercial es el encargado de gestionar lo PQR, el recibo y el estado de la cuenta de los usuarios, el usuario final es aquella persona que ingresa al sitio puede ver los contenidos de la pgina, diligenciar la encuesta, imprimir la factura, y gestionar las peticiones, quejas y reclamos.

2.5.1.1 Actividad conceptual Teniendo en cuenta la propuesta planteada y el acuerdo entre La Universidad Francisco De Paula Santander Seccional Ocaa y la Empresa de Servicios Pblicos de Ocaa, Espo S.A E.S.P, se procede a recolectar la informacin sobre las herramientas que se van a utilizar para la elaboracin de este proyecto. La herramienta a utilizar para el modelamiento es UML (Lenguaje de Modelamiento Unificado), el cual permite especificar o describir mtodos o procesos. Es decir, sirve para definir un sistema, para detallar los artefactos en el sistema y para documentar y construir; en otras palabras, es el lenguaje en el que est descrito el modelo. Las pginas web son textos ASCII escritos en HTML (Hypertext Markup Language), que se transfieren entre los servidores de WWW y los navegadores mediante el protocolo HTTP

19

(Hypertext Transfer Protocol). Cuando comenz la World Wide Web, los sitios web ofrecan pginas estticas, es decir, que a efectos del usuario, el nico proceso realizado era el de visualizacin de sus contenidos por parte del navegador del cliente. A medida que pasaron los aos, aument la afluencia de pblico y surge la necesidad de reunir y procesar las peticiones del cliente con la finalidad de ofrecerle informaciones mejor dirigidas, escogidas y elaboradas.4

Es entonces, cuando surgen dos alternativas de diseo web: - Las llamadas pginas en el lado del cliente, programadas en HTML dinmico (DHTML), que se ejecutan en el navegador y son capaces de cambiar su apariencia. Utilizando DHTML podemos conseguir que los objetos aparezcan y desaparezcan, que varen su tamao, que se les asocie posiciones absolutas en pantalla. En definitiva, DHTML aumenta las posibilidades de visualizacin de las instrucciones HTML. -Las pginas del lado del servidor, permiten modificar los contenidos antes de enviarlos al cliente. Las primeras fueron CGI (Common Gateway Interface) que implementan pginas web activas en el servidor, capaces de leer lo que le enviaba un cliente al servidor a travs de un formulario, o escribir en la pgina del cliente. Los lenguajes de programacin que se van a utilizar en el proceso de construccin del proyecto son: HTML (Hypertext Markup Language o Lenguaje de Marcado de Hipertexto), PHP (Hypertext Preprocessor), Javascript, SQL (Structured Query Language o Lenguaje de Consulta Estructurado), ajax y CSS (Cascading Style Sheets o lenguaje de Hojas de Estilo en Cascada). HTML es un lenguaje de programacin que se utiliza para el desarrollo de pginas de Internet. Se trata de la sigla de HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto. EL HTML permite describir la estructura y el contenido en forma de texto, adems de complementar el texto con objetos tales como imgenes. Este lenguaje se escribe mediante etiquetas, que aparecen especificadas por corchetes angulares (< y >).

HTML. [online]. Actualizado en el 2005. [citado el 12 de marzo de 2011]. Disponible en Internet En: http://definicion.de/html/ p. 1 de 1.

20

Por otra parte, el HTML permite incluir scripts (por ejemplo, de Javascript), cdigos que pueden modificar el comportamiento de los navegadores web y de otros procesadores de HTML. Los archivos de formato HTML utilizan la extensin .htm o .html. Tim Berners-Lee fue el primero en proponer una descripcin de HTML en un documento que public en 1991. All describa veintids elementos que suponen el diseo inicial y simple del HTML. De estos elementos, trece todava aparecen en el HTML 4. Entre los componentes del HTML, aparecen los elementos y sus atributos, los tipos de data y la declaracin de tipo de documento. Los elementos son la estructura bsica de este lenguaje, ya que tienen dos propiedades: atributos y contenido. El marcado estructural es el que describe el propsito del texto, aunque no define cmo se ver el elemento. El marcado presentacional es el que describe la apariencia del texto, sin importar su funcin.

Para conocer el cdigo HTML que utiliza una pgina web, hay que seleccionar la opcin Ver cdigo fuente en nuestro navegador (como Internet Explorer o Firefox). Al seleccionar esta opcin, se abrir el editor de texto con el cdigo HTML de la pgina que se est visualizando. PHP (Hypertext Preprocessor) es un lenguaje script (no se compila para conseguir cdigos mquina si no que existe un intrprete que lee el cdigo y se encarga de ejecutar las instrucciones que contiene ste cdigo), para el desarrollo de pginas web dinmicas del lado del servidor, cuyos fragmentos de cdigo se intercalan fcilmente en pginas HTML, debido a esto, y a que es de Open Source (cdigo abierto), es el ms popular y extendido en la web. PHP es capaz de realizar determinadas acciones de una forma fcil y eficaz sin tener que generar programas programados en un lenguaje distinto al HTML. Esto se debe a que PHP ofrece un extenso conjunto de funciones para la explotacin de bases de datos sin complicaciones. Es por esto, que levanta un mayor inters con respecto a los lenguajes pensados para los CGI JavaScript es un lenguaje interpretado orientado a las pginas web, con una sintaxis semejante a la del lenguaje Java.5El lenguaje fue inventado por Brendan Eich en la empresa Netscape Communications, que es la que fabric los primeros navegadores de Internet comerciales.
5

Definicin de Java Script. [online]. Actualizado en el 2006. [citado el 12 de marzo de 2011]. Disponible en Internet En: http://es.wikipedia.org/wiki/JavaScript p. 1 de 6.

21

Apareci por primera vez en el producto de Netscape llamado Netscape Navigator 2.0. Se utiliza en pginas web HTML, para realizar tareas y operaciones en el marco de la aplicacin cliente. Los autores inicialmente lo llamaron Mocha y ms tarde LiveScript pero fue rebautizado como JavaScript en un anuncio conjunto entre Sun Microsystems y Netscape, el 4 de diciembre de 1995. En 1997 los autores propusieron JavaScript para que fuera adoptado como estndar de la the European Computer Manufacturers' Association ECMA, que a pesar de su nombre no es europeo sino internacional, con sede en Ginebra. En junio de 1997 fue adoptado como un estndar ECMA, con el nombre de ECMAScript. Poco despus tambin lo fue como un estndar ISO. JScript es la implementacin de ECMAScript de Microsoft, muy similar al JavaScript de Netscape, pero con ciertas diferencias en el modelo de objetos del navegador que hacen a ambas versiones con frecuencia incompatibles. 6 Para evitar estas incompatibilidades, el World Wide Web Consortium dise el estndar Document Object Model (DOM, Modelo de Objetos del Documento en castellano), que incorporan las versiones 6 de Internet Explorer y Netscape Navigator, Opera versin 7, y Mozilla desde su primera versin Tambin se utilizara un Lenguaje de Consulta Estructurado (Structured Query Language) es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones sobre las mismas. Ana caractersticas del lgebra y el clculo relacional permitiendo lanzar consultas con el fin de recuperar informacin de inters de una base de datos, de una forma sencilla. Es un lenguaje de cuarta generacin (4GL). Adems las hojas de estilo en cascada (Cascading Style Sheets, CSS) 15 son un lenguaje formal usado para definir la presentacin de un documento estructurado escrito en HTML o XML (y por extensin en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificacin de las hojas de estilo que servir de estndar para los agentes de usuario o navegadores. 7

MI BLOG TCNICO. Javascript y los enlaces. [online]. Actualizado en el 2007. [citado el 12 de marzo de 2011]. Disponible en Internet En: http://phedetech.wordpress.com/ p. 1 de 8.
7

DA SILVA FERNANDES, Elbrinner. Hojas de estilo en cascada. [online]. Actualizado en el 2008. [citado el 12 de Marzo de 2011]. Disponible en Internet En: http://www.elbrinner.com/es/noticia.asp?id=13

22

Polticas de Seguridad8 La seguridad informtica debe garantizar:

La Disponibilidad de los sistemas de informacin. El Recupero rpido y completo de los sistemas de informacin La Integridad de la informacin. La Confidencialidad de la informacin.

Para la operacin del software y de manejar los datos empresariales mediante sistemas de informacin, se deber tener en consideracin lo siguiente: Toda la informacin institucional deber invariablemente ser operada a travs de un mismo tipo de sistema manejador de base de datos para beneficiarse de los mecanismos de integridad, seguridad y recuperacin de informacin en caso de presentarse alguna falla.9 El acceso a los sistemas de informacin, deber contar con los privilegios niveles de seguridad de acceso suficientes para garantizar la seguridad total de la informacin institucional. Los niveles de seguridad de acceso debern controlarse por un administrador nico y poder ser manipulado por software. Se deben delimitar las responsabilidades en cuanto a quin est autorizado a consultar y/o modificar en cada caso la informacin, tomando las medidas de seguridad pertinentes. Los datos de los sistemas de informacin, deben ser respaldados de acuerdo a la frecuencia de actualizacin de sus datos, rotando los dispositivos de respaldo y guardando respaldos histricos peridicamente.

Politicas de seguridad. [online]. Actualizado en el 2009. [citado el 12 de marzo de 2011]. Disponible en Internet En: http://www.ivlabs.org/home/?p=1276.
9

Politicas de seguridad. [online]. Actualizado en el 2009. [citado el 12 de marzo de 2011]. Disponible en Internet En: www.dspace.espol.edu.ec/04-Capitulo3-POLITICAS%20DE%20SEGURIDAD.doc

23

Plan de contingencias informticas Plan de contingencias informticas que incluya al menos los siguientes puntos: Tener los respaldos de informacin en un lugar seguro, fuera del lugar en el que se encuentran los equipos. Tener el apoyo por medios magnticos o en forma documental, de las operaciones necesarias para reconstruir los archivos daados. Contar con un instructivo de operacin para la deteccin de posibles fallas, para que toda accin correctiva se efecte con la mnima degradacin posible de los datos.

Contar con un directorio del personal interno y del personal externo de soporte, al cual se pueda recurrir en el momento en que se detecte cualquier anomala.

Ejecutar pruebas de la funcionalidad del plan.

Identificadores de usuario y contraseas Todos los usuarios con acceso a un sistema de informacin, dispondrn de una nica autorizacin de acceso compuesta de identificador de usuario y contrasea. Los usuarios tendrn acceso autorizado nicamente a aquellos datos y recursos que precisen para el desarrollo de sus funciones, conforme a los criterios establecidos por el responsable de la informacin. La longitud mnima de las contraseas ser igual o superior a ocho caracteres, y estarn constituidas por combinacin de caracteres alfabticos, numricos y especiales. Responsabilidades personales10

10

Politicas de seguridad. [online]. Actualizado en el 2010. [citado el 12 de marzo de 2011]. Disponible en Internet En: http://www.agesic.gub.uy/innovaportal/file/1217/1/politica_de_gestion_de_incidentes.pdf

24

Los usuarios son responsables de toda actividad relacionada con el uso de su acceso autorizado. Los usuarios no deben revelar bajo ningn concepto su identificador y/o contrasea a otra persona ni mantenerla por escrito a la vista, ni al alcance de terceros. El Usuario debe utilizar una contrasea compuesta por un mnimo de ocho caracteres constituida por una combinacin de caracteres alfabticos, numricos y especiales.

Proteger, en la medida de sus posibilidades, los datos de carcter personal a los que tienen acceso, contra revelaciones no autorizadas o accidentales, modificacin, destruccin o mal uso, cualquiera que sea el soporte en que se encuentren contenidos los datos.

Guardar por tiempo indefinido la mxima reserva y no se debe emitir al exterior datos de carcter personal contenidos en cualquier tipo de soporte.

Salida de informacin Toda salida de informacin (en soportes informticos o por correo electrnico) slo podr ser realizada por personal autorizado y ser necesaria la autorizacin formal del responsable del rea del que proviene.11

11

Politicas de seguridad. [online]. Actualizado en el 2010. [citado el 12 de marzo de 2005]. Disponible en Internet En: http://www.segu-info.com.ar/articulos/20-politicas-seguridad-informacion-1.htm

25

2.6.1.2 Diseo de Casos de Uso 2.6.1.2.1 Diagrama de casos de uso para la Seccin Administrable Figura 1. Diagrama Casos de uso Seccin Sper Administrador, Admin Comunicaciones, Admin Comercial.

26

2.6.1.2.2 Diagrama de casos de uso para la Seccin Usuario Final Figura 2. Diagrama Casos de uso Seccin Usuario Final

27

2.5.1.3 Especificacin de los casos de uso 2.6.1.3.1 Especificacin casos de uso seccin Administrador Cuadro 1. UC1: Gestionar Noticias
Caso de uso UC1: Gestionar Noticias Actor Principal: Sper Administrador, Admin Comunicaciones Personal involucrado e intereses: Administrador: Gestionar toda la informacin relacionada con las noticias a publicar en el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona las noticias sin ningn contratiempo Se actualiza la informacin de las noticias Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa noticias El usuario gestiona la informacin correspondiente a noticias El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere ingresar noticias: incluye a ingresar noticia, 3b. El usuario quiere modificar noticias: incluye a modificar noticia, 3c. El usuario quiere eliminar noticias: incluye a eliminar noticia. 3d. El usuario quiere consultar las noticias: incluye a consultar noticia Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

28

Cuadro 2. UC2: Ingresar Noticias Caso de Uso UC2: Ingresar Noticias

Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Insertar Noticia en Noticias El Sistema muestra una nueva interfaz donde el usuario puede registrar la informacin correspondiente a la noticia teniendo en cuenta el titulo de la noticia, contenido y resumen. El usuario a continuacin pulsa Guardar para que el sistema publique la noticia en el sitio y se conserven los cambios al Salir. El usuario Repite los pasos 2 y 3 cada vez que quiera ingresar una noticia. El usuario cierra sesin. Extensiones (o Flujos alternativos): 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de Noticias 3b. El usuario le pide al sistema que cancele el ingreso de la noticia: El sistema Cancela el Ingreso de la Noticia.

Fuente: Autora del informe Cuadro 3. UC3: Modificar Noticias

Caso de Uso UC3: Modificar Noticias Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Modificar Noticia en Noticias El usuario Consulta la noticia a modificar por medio del ttulo de la noticia. El Sistema muestra la informacin de la noticia a modificar, como, titulo, contenido y resumen. El usuario modifica los campos que requiera de la noticia. El usuario repite los pasos 2, 3 y 4 cada vez que quiera modificar una noticia. El sistema guarda los cambios realizados y actualiza la informacin en el sitio. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la noticia que busca no existe en la base de datos El sistema le informa al usuario que la noticia que busca no existe en la base de datos. 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de Noticias 3b. El usuario le pide al sistema que cancele la modificacin de la noticia: El sistema Cancela la modificacin de la Noticia.

Fuente: Autora del informe

29

Cuadro 4. UC4: Eliminar Noticias

Caso de Uso UC4: Eliminar Noticias Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Eliminar Noticia en Noticias El usuario Consulta la noticia a Eliminar por medio del ttulo de la noticia. El Sistema muestra la informacin de la noticia a eliminar, como, titulo, contenido y resumen y lo elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar una noticia. El sistema guarda los cambios realizados, elimina la informacin del sitio e informa al usuario que la noticia ha sido eliminada con xito. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la noticia que busca no existe en la base de datos El sistema le informa al usuario que la noticia que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin de la noticia: El sistema Cancela la eliminacin de la Noticia. Fuente: Autora del informe

Cuadro 5. UC5: Consultar Noticias

Caso de Uso UC5: Consultar Noticias Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar Noticia en Noticias El usuario Consulta la noticia por medio del ttulo de la noticia. EL usuario repite el paso 2 cada vez que quiera consulta una noticia. El Sistema muestra la informacin de la noticia, como, titulo, contenido y resumen. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la noticia que busca no existe en la base de datos El sistema le informa al usuario que la noticia que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta de la noticia: El sistema Cancela la consulta de la Noticia. Fuente: Autora del informe

30

Cuadro 6. UC6: Gestionar Peticiones, Quejas y Reclamos

Caso de uso UC6: Gestionar Peticiones, Quejas y Reclamos Actor Principal: Sper Administrador, Admin Comercial Personal involucrado e intereses: Sper Administrador: Gestionar toda la informacin relacionada con las Peticiones, Quejas y Reclamos a publicar en el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona las Peticiones, Quejas y Reclamos sin ningn contratiempo Se actualiza la informacin de las Quejas y Reclamos. Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa Peticiones, Quejas y Reclamos El usuario gestiona la informacin correspondiente a Peticiones, Quejas y Reclamos El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere eliminar Quejas y Reclamos: incluye a eliminar Peticiones, Quejas y Reclamos. 3b. El usuario quiere consultar las Quejas y Reclamos: incluye a consultar Peticiones, Quejas y Reclamos Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

31

Cuadro 8. UC7: Eliminar Peticiones, Quejas y Reclamos

Caso de Uso UC7: Eliminar Peticiones, Quejas y Reclamos Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Eliminar Peticiones, Quejas y Reclamos en Peticiones, Quejas y Reclamos El usuario Consulta las Peticiones, Quejas y Reclamos a Eliminar por medio de la fecha de Quejas y Reclamos. El Sistema muestra la informacin de la Peticiones, Quejas y Reclamos a eliminar y la elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar una Peticiones, Quejas y Reclamos. El sistema guarda los cambios realizados, elimina la informacin del sitio e informa al usuario que la Peticiones, Queja y Reclamo ha sido eliminada con xito. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la Peticiones, Quejas y Reclamos que busca no existe en la base de datos El sistema le informa al usuario que la Peticiones, Queja y Reclamo que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin de la Peticiones, Queja y Reclamo: El sistema Cancela la eliminacin de la Peticiones, Queja y Reclamo. Fuente: Autora del informe

Cuadro 9. UC8: Consultar Peticiones, Quejas y Reclamos

Caso de Uso UC8: Consultar Peticiones, Quejas y Reclamos Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar Peticin, Queja y Reclamo en Quejas y Reclamos El usuario Consulta la Peticin, Queja y Reclamo por medio del ttulo de la noticia. EL usuario repite el paso 2 cada vez que quiera consulta una Peticin, Queja y Reclamo. El Sistema muestra la informacin de la Peticin, Queja y Reclamo. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la Peticin, Queja y Reclamo que busca no existe en la base de datos El sistema le informa al usuario que la Peticin, Queja y Reclamo que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta de la Peticin, Queja y Reclamo: El sistema Cancela la consulta de la Peticin, Queja y Reclamo. Fuente: Autora del informe

32

Cuadro 10. UC9: Gestionar Recibo

Caso de uso UC9: Gestionar Recibo Actor Principal: Sper Administrador, Admin Comercial Personal involucrado e intereses: Administrador: Gestionar toda la informacin relacionada con los Recibos que se almacenara el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona el Recibo sin ningn contratiempo Se actualiza la informacin del Recibo Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa Recibo El usuario gestiona la informacin correspondiente a Recibo El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere ingresar Recibo: incluye a ingresar Recibo 3b. El usuario quiere modificar Recibo: incluye a modificar Recibo 3c. El usuario quiere eliminar Recibo: incluye a eliminar Recibo 3d. El usuario quiere consultar los Recibo: incluye a consultar Recibo Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

Cuadro 11. UC10: Ingresar Recibo

Caso de Uso UC10: Ingresar Recibo Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Insertar Recibo en Recibo El Sistema muestra una nueva interfaz donde el usuario puede registrar la informacin correspondiente a los Recibos. El usuario a continuacin pulsa Guardar para que el sistema almacene la informacin del Recibo al Salir. El usuario Repite los pasos 2 y 3 cada vez que quiera ingresar un Recibo. El usuario cierra sesin. Extensiones (o Flujos alternativos): 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar

33

El Sistema regresa al men principal de Gestin de Recibo 3b. El usuario le pide al sistema que cancele el ingreso del Recibo El sistema Cancela el Ingreso de el Recibo. Fuente: Autora del informe

Cuadro 12. UC11: Modificar Recibo

Caso de Uso UC11: Modificar Recibo Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Modificar Recibo en Recibo El usuario Consulta la Recibo a modificar por medio del cdigo del Recibo. El Sistema muestra la informacin del Recibo a modificar. El usuario modifica los campos que requiera el Recibo. El usuario repite los pasos 2, 3 y 4 cada vez que quiera modificar un Recibo. El sistema guarda los cambios realizados y actualiza la informacin en el sitio. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Recibo que busca no existe en la base de datos El sistema le informa al usuario que el Recibo que busca no existe en la base de datos. 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de Recibo 3b. El usuario le pide al sistema que cancele la modificacin del Recibo El sistema Cancela la modificacin del Recibo. Fuente: Autora del informe

Cuadro 13. UC12: Eliminar Recibo

Caso de Uso UC12: Eliminar Recibo Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Eliminar Recibo en Recibo. El usuario Consulta el Recibo a Eliminar por medio del cdigo del Recibo. El Sistema muestra la informacin del Recibo a eliminar y lo elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar un Recibo. El sistema guarda los cambios realizados, elimina la informacin del sitio e informa al usuario que el Recibo ha sido eliminado con xito. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Recibo que busca no existe en la base de datos El sistema le informa al usuario que el Recibo que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin del Recibo El sistema Cancela la eliminacin del Recibo. Fuente: Autora del informe

34

Cuadro 14. UC13: Consultar Recibo

Caso de Uso UC13: Consultar Recibo Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar Recibo en Recibo El usuario Consulta el Recibo por medio del cdigo del Recibo. EL usuario repite el paso 2 cada vez que quiera consultar un Recibo. El Sistema muestra la informacin del Recibo. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Recibo que busca no existe en la base de datos El sistema le informa al usuario que el Recibo que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta del Recibo: El sistema Cancela la consulta del Recibo. Fuente: Autora del informe

Cuadro 157. UC14: Validar Usuario

Caso de uso UC27: Verificar Usuario Actor Principal: Sper Administrador, Admin Comunicaciones, Admin Comercial Personal involucrado e intereses: Administrador: Acceder al sistema y se registre todo lo realizado mientras este en su sesin Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario tenga acceso al sistema y se le asignen sus respectivos privilegios. Escenario principal de xito (o flujo Bsico): El usuario ingresa su nombre y contrasea. El sistema valido el usuario. El usuario tiene acceso al sistema para realizar los trabajos correspondientes. El Usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema 2a. Identificador del usuario no vlido: El Sistema seala el error y rechaza la entrada 2b. El usuario le pide al sistema que cancele la validacin de cuenta de usuario. El sistema cancela la validacin de cuenta. Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

35

Cuadro 16. UC15: Gestionar Usuario

Caso de uso UC28: Gestionar Usuarios Actor Principal: Sper Administrador Personal involucrado e intereses: Sper Administrador: Gestiona la informacin correspondiente a los usuarios administradores Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona los usuarios sin ningn contratiempo Se actualiza la informacin de los usuarios Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa Usuarios El usuario gestiona la informacin correspondiente a Usuarios El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere ingresar usuario: incluye a ingresar usuario, 3b. El usuario quiere modificar usuario: incluye a modificar usuario, 3c. El usuario quiere eliminar usuario: incluye a eliminar usuario. 3d. El usuario quiere consultar las usuario: incluye a consultar usuario Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

Cuadro 17. UC16: Ingresar Usuario

Caso de Uso UC29: Ingresar usuario Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Insertar usuario en usuario El Sistema muestra una nueva interfaz donde el usuario puede registrar la informacin correspondiente al evento teniendo en cuenta el documento de identificacin, los nombres, apellidos, gnero, e-mail, direccin, telfono. El usuario a continuacin pulsa Guardar para que el sistema registre el usuario y se conserven los cambios al Salir. El usuario Repite los pasos 2 y 3 cada vez que quiera ingresar un usuario. El usuario cierra sesin. Extensiones (o Flujos alternativos): 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de usuario

36

3b. El usuario le pide al sistema que cancele el ingreso del usuario: El sistema Cancela el Ingreso del usuario. Fuente: Autora del informe

Cuadro 18. UC17: Modificar Usuario

Caso de Uso UC30: Modificar usuario Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Modificar usuario en usuario El usuario Consulta el usuario a modificar por medio del nombre del usuario. El Sistema muestra la informacin del usuario a modificar, como documento de identificacin, los nombres, apellidos, genero, e-mail, direccin, telfono. El usuario modifica los campos que requiera del usuario. El usuario repite los pasos 2, 3 y 4 cada vez que quiera modificar un usuario. El sistema guarda los cambios realizados y actualiza la informacin. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el usuario que busca no existe en la base de datos El sistema le informa al usuario que el usuario que busca no existe en la base de datos. 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de usuario 3b. El usuario le pide al sistema que cancele la modificacin del usuario: El sistema Cancela la modificacin del usuario. Fuente: Autora del informe

Cuadro 19. UC18: Eliminar Usuario

Caso de Uso UC31: Eliminar usuario Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Eliminar usuario en usuario El usuario Consulta el usuario a Eliminar por medio del nombre del usuario. El Sistema muestra la informacin del usuario a eliminar, como, documento de identificacin, los nombres, apellidos, genero, e-mail, direccin, telfono, y lo elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar un usuario. El sistema guarda los cambios realizados, elimina la informacin e informa al usuario que el usuario ha sido eliminado con xito. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el usuario que busca no existe en la base de datos El sistema le informa al usuario que el usuario que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin del usuario: El sistema Cancela la eliminacin del usuario. Fuente: Autora del informe

37

Cuadro 20. UC19: Consultar Usuario

Caso de Uso UC32: Consultar usuario Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar usuario en usuario El usuario Consulta el usuario por medio del nombre del usuario. EL usuario repite el paso 2 cada vez que quiera consulta un usuario. El Sistema muestra la informacin del usuario, como documento de identificacin, los nombres, apellidos, genero, e-mail, direccin, telfono. El Usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el usuario que busca no existe en la base de datos El sistema le informa al usuario que el usuario que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta del usuario: El sistema Cancela la consulta del usuario. Fuente: Autora del informe

Cuadro 21. UC20: Gestionar Estado Cuenta

Caso de uso UC14: Gestionar Estado Cuenta Actor Principal: Sper Administrador, Admin Comercial Personal involucrado e intereses: Administrador: Gestionar toda la informacin relacionada con Estado Cuenta a diligenciar en el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona el Estado_Cuenta sin ningn contratiempo Se actualiza la informacin del Estado_Cuenta Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa Estado_Cuenta El usuario gestiona la informacin correspondiente a Estado_Cuenta El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere eliminar Estado_Cuenta: incluye a eliminar Estado_Cuenta 3b. El usuario quiere consultar las Solicitud Servicio: incluye a consultar Estado_Cuenta Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

38

Cuadro 22. UC21: Ingresar Estado Cuenta

Caso de Uso UC10: Ingresar Estado_Cuenta Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Insertar Estado_Cuenta en Estado_Cuenta El Sistema muestra una nueva interfaz donde el usuario puede registrar la informacin correspondiente al Estado_Cuenta. El usuario a continuacin pulsa Guardar para que el sistema almacene la informacin del Estado_Cuenta al Salir. El usuario Repite los pasos 2 y 3 cada vez que quiera ingresar un Estado_Cuenta. El usuario cierra sesin. Extensiones (o Flujos alternativos): 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin Estado_Cuenta. 3b. El usuario le pide al sistema que cancele el ingreso del Estado_Cuenta: El sistema Cancela el Ingreso del Estado_Cuenta.

Cuadro 23. UC22: Modificar Estado_Cuenta

Caso de Uso UC11: Modificar Estado_Cuenta Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Modificar Estado_Cuenta en Estado_Cuenta El usuario Consulta el Estado_Cuenta a modificar por medio del nombre de Estado_Cuenta. El Sistema muestra la informacin del Estado_Cuenta a modificar. El usuario modifica los campos que requiera del Estado_Cuenta. El usuario repite los pasos 2, 3 y 4 cada vez que quiera modificar un Estado_Cuenta. El sistema guarda los cambios realizados y actualiza la informacin en el sitio. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Estado_Cuenta que busca no existe en la base de datos El sistema le informa al usuario que el Estado_Cuenta que busca no existe en la base de datos. 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin Estado_Cuenta 3b. El usuario le pide al sistema que cancele la modificacin de Estado_Cuenta El sistema Cancela la modificacin de Estado_Cuenta. Fuente: Autora del informe

39

Cuadro 24. UC23: Eliminar Estado Cuenta

Caso de Uso UC15: Eliminar Estado Cuenta Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Eliminar Estado_Cuenta en Estado_Cuenta El usuario Consulta el Estado_Cuenta a Eliminar por medio de la fecha. El Sistema muestra la informacin del Estado_Cuenta a eliminar y lo elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar un Estado_Cuenta. El sistema guarda los cambios realizados, elimina la informacin del sitio e informa al usuario que el Estado_Cuenta ha sido eliminada con xito. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Estado_Cuenta que busca no existe en la base de datos El sistema le informa al usuario que el Estado_Cuenta que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin de el Estado_Cuenta: El sistema Cancela la eliminacin del Estado_Cuenta. Fuente: Autora del informe

Cuadro 25. UC24: Consultar Estado_Cuenta

Caso de Uso UC16: Consultar Estado_Cuenta Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar Estado_Cuenta en Estado_Cuenta El usuario Consulta el Estado_Cuenta por medio de la fecha del Estado_Cuenta. EL usuario repite el paso 2 cada vez que quiera consulta un Estado_Cuenta. El Sistema muestra la informacin del Estado_Cuenta. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Estado_Cuenta que busca no existe en la base de datos El sistema le informa al usuario que el Estado_Cuenta que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta del Estado_Cuenta: El sistema Cancela la consulta del Estado_Cuenta. Fuente: Autora del informe

40

Cuadro 26. UC25: Gestionar Contenido

Caso de uso UC17: Gestionar Contenido Actor Principal: Sper Administrador Personal involucrado e intereses: Sper Administrador: Gestionar toda la informacin relacionada con los Contenidos a publicar en el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona los Contenidos sin ningn contratiempo Se actualiza la informacin de los Contenidos Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa Contenido El usuario gestiona la informacin correspondiente a Contenidos El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere ingresar Contenidos: incluye a ingresar Contenidos, 3b. El usuario quiere modificar Contenidos: incluye a modificar Contenidos, 3c. El usuario quiere eliminar Contenidos: incluye a eliminar Contenidos. 3d. El usuario quiere consultar los Contenidos: incluye a consultar Contenidos Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

Tabla 27. UC26: Ingresar Contenidos

Caso de Uso UC18: Ingresar Contenidos Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Insertar Contenidos en Contenidos El Sistema muestra una nueva interfaz donde el usuario puede registrar la informacin correspondiente a los Contenidos. El usuario a continuacin pulsa Guardar para que el sistema publique los Contenidos en el sitio y se conserven los cambios al Salir. El usuario Repite los pasos 2 y 3 cada vez que quiera ingresar un Contenido. El usuario cierra sesin. Extensiones (o Flujos alternativos): 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada

41

El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de Contenidos 3b. El usuario le pide al sistema que cancele el ingreso de los Contenidos: El sistema Cancela el Ingreso de los Contenidos. Fuente: Autora del informe

Cuadro 28. UC27: Modificar Contenidos

Caso de Uso UC3: Modificar Contenidos Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Modificar Contenidos en Contenidos El usuario Consulta los Contenidos a modificar por medio del nombre del Contenido. El Sistema muestra la informacin de los Contenidos a modificar. El usuario modifica los campos que requiera de los Contenidos. El usuario repite los pasos 2, 3 y 4 cada vez que quiera modificar un Contenidos. El sistema guarda los cambios realizados y actualiza la informacin en el sitio. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Contenido que busca no existe en la base de datos El sistema le informa al usuario que el Contenido que busca no existe en la base de datos. 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin de Contenidos 3b. El usuario le pide al sistema que cancele la modificacin de los Contenidos: El sistema Cancela la modificacin de los Contenidos. Fuente: Autora del informe

Cuadro 29. UC28: Eliminar Contenidos

Caso de Uso UC20: Eliminar Contenidos Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Eliminar Contenidos en Contenidos El usuario Consulta los Contenidos a Eliminar por medio del ttulo del Contenido. El Sistema muestra la informacin del Contenido a eliminar y lo elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar un Contenido. El sistema guarda los cambios realizados, elimina la informacin del sitio e informa al usuario que el Contenido ha sido eliminado con xito. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si los Contenidos que busca no existe en la base de datos El sistema le informa al usuario que los Contenidos que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin de los Contenidos: El sistema Cancela la eliminacin de los Contenidos. Fuente: Autora del informe

42

Cuadro 30. UC29: Consultar Contenidos

Caso de Uso UC21: Consultar Contenidos Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar Contenidos en Contenidos El usuario Consulta los Contenidos por medio del nombre de los Contenidos EL usuario repite el paso 2 cada vez que quiera consultar un Contenido. El Sistema muestra la informacin de los Contenidos. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Contenido que busca no existe en la base de datos El sistema le informa al usuario que el Contenido que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta del Contenido: El sistema Cancela la consulta del Contenido. Fuente: Autora del informe

Cuadro 31. UC30: Gestionar Encuesta

Caso de uso UC22: Gestionar Encuesta Actor Principal: Sper Administrador, Admin Comunicaciones Personal involucrado e intereses: Sper Administrador, Administrador: Gestionar toda la informacin relacionada con la Encuesta a publicar en el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El Usuario gestiona la Encuesta sin ningn contratiempo Se actualiza la informacin de la Encuesta Escenario principal de xito (o flujo Bsico): El Usuario se autentica. El Usuario selecciona la pestaa Encuesta El usuario gestiona la informacin correspondiente a Encuesta El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El Usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El Usuario quiere ingresar Encuesta: incluye a ingresar Encuesta, 3b. El Usuario quiere modificar Encuesta: incluye a modificar Encuesta, 3c. El Usuario quiere eliminar Encuesta: incluye a eliminar Encuesta. 3d. El Usuario quiere consultar las Encuesta: incluye a consultar Encuesta Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

43

Cuadro 32. UC31: Ingresar Encuesta

Caso de Uso UC23: Ingresar Encuesta Nivel: Subfuncin Escenario principal: El Usuario selecciona la pestaa Insertar Encuesta en Encuesta El Sistema muestra una nueva interfaz donde el Usuario puede registrar la informacin correspondiente a la Encuesta teniendo en cuenta el titulo de la Encuesta, pregunta y opciones de respuesta. El Usuario a continuacin pulsa Guardar para que el sistema publique la Encuesta en el portal y se conserven los cambios al Salir. El Usuario Repite los pasos 2 y 3 cada vez que quiera ingresar una Encuesta. El Usuario cierra sesin. Extensiones (o Flujos alternativos): 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El Usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin Encuesta 3b. El usuario le pide al sistema que cancele el ingreso de la Encuesta: El sistema Cancela el Ingreso de la Encuesta. Fuente: Autora del informe

Cuadro 33. UC32: Modificar Encuesta

Caso de Uso UC24: Modificar Encuesta Nivel: Subfuncin Escenario principal: El Usuario selecciona la pestaa Modificar Encuesta en Encuesta El Usuario Consulta el evento a modificar por medio del ttulo de la Encuesta. El Sistema muestra la informacin de la Encuesta a modificar, como, titulo, pregunta y opciones de respuesta. El usuario modifica los campos que requiera de la Encuesta. El usuario repite los pasos 2, 3 y 4 cada vez que quiera modificar una Encuesta. El sistema guarda los cambios realizados y actualiza la informacin en el Sitio. El Usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la Encuesta que busca no existe en la base de datos El sistema le informa al usuario que la Encuesta que busca no existe en la base de datos. 3a. Si uno o ms de los registros son incorrectos El Sistema seala el error y rechaza la entrada El Usuario presiona el botn aceptar El Sistema regresa al men principal de Gestin Encuesta 3b. El usuario le pide al sistema que cancele la modificacin de la Encuesta: El sistema Cancela la modificacin de la Encuesta. Fuente: Autora del informe

44

Cuadro 34. UC33: Eliminar Encuesta

Caso de Uso UC25: Eliminar Encuesta Nivel: Subfuncin Escenario principal: El Usuario selecciona la pestaa Eliminar Encuesta en Encuesta El Usuario Consulta la Encuesta a Eliminar por medio del ttulo de la Encuesta. El Sistema muestra la informacin de la Encuesta, a eliminar, como, titulo, pregunta, opciones de respuesta y lo elimina. El usuario repite los pasos 2 y 3 cada vez que quiera eliminar una Encuesta. El sistema guarda los cambios realizados, elimina la informacin e informa al usuario que la Encuesta ha sido eliminada con xito. El Usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la Encuesta que busca no existe en la base de datos El sistema le informa al usuario que la Encuesta que busca no existe en la base de datos. 3a. El usuario le pide al sistema que cancele la eliminacin de la Encuesta: El sistema Cancela la eliminacin de la Encuesta. Fuente: Autora del informe

Cuadro 35. UC34: Consultar Encuesta

Caso de Uso UC26: Consultar Encuesta Nivel: Subfuncin Escenario principal: El Usuario selecciona la pestaa Consultar Encuesta en Encuesta El Usuario Consulta la Encuesta por medio del ttulo de Encuesta. EL usuario repite el paso 2 cada vez que quiera consulta una Encuesta. El Sistema muestra la informacin de la Encuesta, como, titulo, preguntas y opciones de respuesta. El Usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si la Encuesta que busca no existe en la base de datos El sistema le informa al usuario que la Encuesta que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta de la Encuesta: El sistema Cancela la consulta de la Encuesta. Fuente: Autora del informe

45

2.6.1.3.2 Especificacin casos de uso seccin Usuario Final Cuadro 36. UC1: Visualizar Noticias
Caso de uso UC1: Visualizar noticias Actor Principal: Usuario final Personal involucrado e intereses: Usuario Final: Visualizar la informacin de noticias en el Sitio Precondiciones: Ingresar al ndex del sito web de ESPO S.A E.S.P Garantas de xito (Postcondiciones): El usuario visualiza correctamente las noticias del Sitio. Escenario principal de xito (o flujo Bsico): El usuario ingresa al Sitio. El usuario visualiza la noticia, si quiere ver ms noticias, selecciona la pestaa noticias El sistema muestra una lista de las noticias que se han publicado en el sitio. El usuario puede seleccionar la noticia que quiera leer haciendo click en ver ms. Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

Cuadro 37. UC2: Visualizar Test

Caso de uso UC2: Visualizar Test Actor Principal: Usuario Final Personal involucrado e intereses: Usuario Final: Visualizar el Test del Sitio Precondiciones: Ingresar al ndex del Sitio web de ESPO S.A E.S.P Garantas de xito (Postcondiciones): El usuario visualiza correctamente el Test del Sitio. Escenario principal de xito (o flujo Bsico): El usuario ingresa al sitio. El usuario visualiza el Test del sitio El sistema muestra las preguntas del Test que se han publicado en el sitio. El usuario puede seleccionar la pregunta que crea que es la correcta. Al final el sistema le mostrara el puntaje del usuario que diligencie el Test. Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

46

Cuadro 38. UC3: Visualizar Contenido

Caso de uso UC2: Visualizar Contenido Actor Principal: Usuario Final Personal involucrado e intereses: Usuario Final: Visualizar el Contenido del Sitio Precondiciones: Ingresar al ndex del Sitio web de ESPO S.A E.S.P Garantas de xito (Postcondiciones): El usuario visualiza correctamente el Contenido del Sitio. Escenario principal de xito (o flujo Bsico): El usuario ingresa al sitio. El usuario visualiza el Contenido del sitio El sistema muestra el Contenido que se han publicado en el sitio. El usuario puede seleccionar el Contenido que desee. El usuario puede seleccionar el Contenido que quiera leer haciendo click en cada link. Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

Cuadro 39. UC4: Visualizar Estado Cuenta

Caso de uso UC2: Visualizar Estado Cuenta Actor Principal: Usuario Final Personal involucrado e intereses: Usuario Final: Visualizar el Estado Cuenta del Sitio Precondiciones: Ingresar al ndex del Sitio web de ESPO S.A E.S.P Garantas de xito (Postcondiciones): El usuario visualiza correctamente el Estado Cuenta. Escenario principal de xito (o flujo Bsico): El usuario ingresa al sitio. El usuario digita el cdigo del recibo El usuario visualiza el Estado Cuenta El sistema muestra el Estado Cuenta que se han publicado en el sitio. Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

47

Cuadro 40. UC5: Gestionar Recibo

Caso de uso UC5: Gestionar Recibo Actor Principal: Usuario Final Personal involucrado e intereses: Usuario Final: Gestionar toda la informacin relacionada con el Recibo que se almacenara el Sitio Precondiciones: El usuario este registrado en el sistema Garantas de xito (Postcondiciones): El usuario gestiona el Recibo sin ningn contratiempo Se actualiza la informacin del Recibo Escenario principal de xito (o flujo Bsico): El usuario se autentica. El usuario selecciona la pestaa Recibo El usuario gestiona la informacin correspondiente a Recibo El sistema realiza las operaciones pertinentes para cumplir la orden del usuario. El usuario cierra sesin Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El usuario reinicia el Sistema 1a. EL sistema verifica usuario: se ejecuta el caso de uso verificar usuario. 3a. El usuario quiere consultar el Recibo: incluye a consultar Recibo 3b. El usuario quiere imprimir Recibo: incluye a imprimir Recibo. Requisitos especiales: Interfaz de usuario amigable. Tiempo de respuesta para la peticin es de 30seg. Fuente: Autora del informe

Cuadro 41. UC6: Consultar Recibo

Caso de Uso UC6: Consultar Recibo Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Consultar Recibo en Recibo El usuario Consulta el Recibo por medio del cdigo del usuario. EL usuario repite el paso 2 cada vez que quiera consulta el Recibo. El Sistema muestra la informacin del Recibo. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Recibo que busca no existe en la base de datos El sistema le informa al usuario que el Recibo que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la consulta del Recibo El sistema Cancela la consulta del Recibo. Fuente: Autora del informe

48

Cuadro 42. UC7: Imprimir Recibo

Caso de Uso UC7: Imprimir Recibo Nivel: Subfuncin Escenario principal: El usuario selecciona la pestaa Imprimir Recibo en Recibo. El usuario Consulta los Recibo por medio del cdigo del Recibo. EL usuario repite el paso 2 cada vez que quiera imprimir un Recibo. El Sistema imprime el Recibo consultado. El usuario cierra sesin. Extensiones (o Flujos alternativos): 2a. Si el Recibo que busca no existe en la base de datos El sistema le informa al usuario que el Recibo que busca no existe en la base de datos. 2b. El usuario le pide al sistema que cancele la impresin del Recibo: El sistema Cancela la impresin del Recibo. Fuente: Autora del informe

Cuadro 43. UC8: Visualizar Encuesta

Caso de Uso UC7: visualizar encuesta Nivel: Subfuncin Escenario principal de xito (o flujo Bsico): El usuario ingresa al portal. El usuario visualiza la encuesta del portal Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema Fuente: Autora del informe

Cuadro 44. UC9: Consultar Encuesta

Caso de Uso UC8: Contestar encuesta Nivel: Subfuncin Escenario principal de xito (o flujo Bsico): El usuario ingresa al portal. El usuario contesta la encuesta del portal El sistema muestra los resultados de la encuesta Extensiones(o Flujos Alternativos): *a. En cualquier momento el sistema falla: El Usuario reinicia el Sistema Fuente: Autora del informe

49

2.6.1.4

Modelo Entidad Relacin

50

2.6.1.5 Diccionario de Datos Cuadro 45. Diccionario de datos: Cliente

Cuadro: Cliente Atributo Tipo de dato Descripcin del atributo cod_cliente int(11) Identificador del cliente doc_ cliente varchar(22) Documento de identificacin del cliente nom_ cliente varchar(50) Nombre del cliente apellido_cliente varchar(50) Apellido del cliente direccin_cliente varchar(50) Direccin de residencia del cliente tel_ cliente varchar(45) Telfono del cliente cod_estado_cuenta varchar(45) Cdigo del estado de la cuenta barrio_ cliente varchar(45) Barrio del cliente Clave primaria cod_cliente Clave fornea cod_estado_cuenta REFERENCES estado_cuenta Descripcin: Este cuadro permite almacenar los clientes que se registran al sistema

Cuadro 46. Diccionario de datos: Estado_cuenta

Cuadro: estado_cuenta Atributo Tipo de dato Descripcin del atributo cod_estado_cuenta int(11) Cdigo del estado__cuenta descripcion varchar(20) Descripcin del estado_cuenta Clave primaria cod_estado_cuenta Descripcin: Este cuadro permite almacenar los datos de los estados de la cuentas de los clientes

Cuadro 47. Diccionario de datos: Fecha_ ruta

Cuadro: fecha_ ruta Atributo Tipo de dato Descripcin del atributo cod_fecha_ ruta int(11) Cdigo de la fecha de ruta descripcion varchar(20) Descripcin de la fecha de ruta Clave primaria cod_fecha_ ruta Descripcin: Este cuadro permite almacenar los datos de las fechas de rutas.

51

Cuadro 48. Diccionario de datos: Recibo

Cuadro: recibo Atributo cod_recibo cod_cliente cod_causal total_pagar cod_mes cod_tarifa_alcan cod_tarifa_acue cod_tarifa_aseo cod_datos_p cod_fecha_ruta Tipo de dato int(11) int(11) int(11) varchar(15) int(11) int(11) int(11) int(11) int(11) int(11) Descripcin del atributo Cdigo de recibo Cdigo del cliente Cdigo de la causal Valor total del mes Cdigo del mes Cdigo de la tarifa de alcantarillado Cdigo de la tarifa de acueducto Cdigo de la tarifa de aseo Cdigo de los datos del periodo Cdigo de la fecha de la ruta

Clave primaria cod_recibo Clave fornea cod_usuario REFERENCES usuario Descripcin: Este cuadro permite almacenar la informacin sobre los recibos que se podrn imprimir a travs del sitio

Cuadro 49. Diccionario de datos: PQR

Cuadro: PQR Atributo cod_pqr fecha_pqr motivo_ pqr cod_cliente Tipo de dato int(11) datetime text int(11) Descripcin del atributo Cdigo del pqr Fecha del pqr Motivo del pqr Cdigo de cliente

Clave primaria cod_pqr Clave fornea cod_cliente REFERENCES cliente Descripcin: Este cuadro permite almacenar los pqr que solicitan los usuarios.

52

Cuadro 50. Diccionario de datos: Datos_periodo

Cuadro: datos_periodo Atributo Tipo de dato Descripcin del atributo

cod_datos_p int(11) Cdigo de los datos de periodo descripcion varchar(20) Descripcin de los datos de periodo Clave primaria cod_fecha_ ruta Descripcin: Este cuadro permite almacenar los datos de periodo.

Cuadro 51. Diccionario de datos: Causal

Cuadro: causal Atributo Tipo de dato Descripcin del atributo

cod_causal int(11) Cdigo de la causal descripcion varchar(20) Descripcin de la causal Clave primaria cod_causal Descripcin: Este cuadro permite almacenar los datos de la causal.

Cuadro 52. Diccionario de datos: Mes

Cuadro: mes Atributo Tipo de dato Descripcin del atributo

cod_ mes int(11) Cdigo del mes descripcion varchar(20) Descripcin del mes Clave primaria cod_ mes Descripcin: Este cuadro permite almacenar los meses del ao.

Cuadro 53. Diccionario de datos: Tarifa_alcantarillado

Cuadro: Tarifa_alcantarillado Atributo Tipo de dato Descripcin del atributo

cod_tarifa_alcan int(11) Cdigo de la tarifa de alcantarillado concepto varchar(20) Concepto de la tarifa de alcantarillado valor int(11) Valor de la tarifa de alcantarillado subsidio int(11) Subsidio de la tarifa de alcantarillado total_alcan int(11) Total a pagar de la tarifa de alcantarillado Clave primaria cod_ tarifa_alcan Descripcin: Este cuadro permite almacenar la tarifa_alcantarillado. 53

Cuadro 54. Diccionario de datos: Tarifa_acueducto

Cuadro: Tarifa_acueducto Atributo Tipo de dato Descripcin del atributo

cod_tarifa_acue int(11) Cdigo de la Tarifa_acueducto concepto varchar(20) Concepto de la Tarifa_acueducto valor int(11) Valor de la Tarifa_acueducto subsidio int(11) Subsidio de la Tarifa_acueducto total_acue int(11) Total a pagar de la Tarifa_acueducto Clave primaria cod_ tarifa_acue Descripcin: Este cuadro permite almacenar la Tarifa_acueducto.

Cuadro 55. Diccionario de datos: Tarifa_aseo

Cuadro: Tarifa_ aseo Atributo Tipo de dato Descripcin del atributo

cod_tarifa_ aseo int(11) Cdigo de la Tarifa_acueducto concepto varchar(20) Concepto de la Tarifa_acueducto valor int(11) Valor de la Tarifa_acueducto subsidio int(11) Subsidio de la Tarifa_acueducto total_ aseo int(11) Total a pagar de la Tarifa_acueducto Clave primaria cod_ tarifa_acue Descripcin: Este cuadro permite almacenar la Tarifa_acueducto.

Cuadro 56. Diccionario de datos: noticias

Cuadro noticias Atributo Tipo de dato Descripcin del atributo cod_noticias int(11) Identificador de noticias cod_usuario int(11) Identificador de la persona que agrega la noticia titulo varchar(245) Titulo de la noticia resumen text Resumen de la noticia contenido text Noticia foto varchar(245) Fotografia que se presenta para esta noticia fecha_noticia datetime Fecha en la que se ingresa la noticia autor varchar(245) Nombre de la persona que publica la noticia Clave primaria cod_noticias Clave fornea cod_usuario REFERENCES usuario Descripcin: Este cuadro permite almacenar las noticias que se mostraran en el sitio

54

Cuadro 57. Diccionario de datos: contenido

Cuadro: contenido Atributo cod_contenido titulo descripcion cod_usuario Tipo de dato int(11) varchar(245) text int(11) Descripcin del atributo Codigo de contenido Titulo del contenido Descripcin de el contenido Codigo del Usuario

Clave primaria cod_contenido Clave fornea cod_usuario REFERENCES usuario Descripcin: Este cuadro permite almacenar los contenidos como misin, visin y otros que se mostraran en el sitio

Cuadro 58. Diccionario de datos: tipo_usuario

Cuadro: tipo_usuario Atributo Tipo de dato cod_tipo_usu int(11) descripcion varchar(20) Descripcin del atributo Cdigo del tipo de usuario Descripcin del tipo de usuario

Clave primaria cod_tipo_usu Descripcin: Este cuadro permite almacenar los datos de los tipos de usuario que pueden manipular el sitio

Cuadro59. Diccionario de datos: usuario

Cuadro: usuario Atributo cod_usuario cod_nom_usurio passw cod_tipo_usu Tipo de dato int(11) varchar(15) int(11) int(2) Descripcin del atributo Cdigo de usuario Nombre de usuario Contrasee de usuario Cdigo del tipo de usuario

Clave primaria cod_usuario Clave fornea cod_tipo_usu REFERENCES tipo_usuario Descripcin: Este Cuadro permite almacenar la informacin sobre los usuarios que podrn manipula el sitio

55

3.1 Prototipo de Interfaces 3.1.1 Diseo de la pgina Principal. La estructura principal de la pgina es generada totalmente por medio de una hoja de estilos, y se opt por un diseo de dos columnas que hoy en da es muy utilizado gracias a la practicidad que brinda en el posicionamiento de la informacin propia del sitio y es un eje facilitador de una buena navegabilidad dndole as al usuario una mejor experiencia de navegacin. Adems por medio de esta Hoja de Estilos se define el comportamiento y visualizacin de cada una de las etiquetas pertenecientes al lenguaje XHTML utilizado para la manipulacin y presentacin de los contenidos. La vista final de la estructura realizada con la Hoja de Estilo se presenta a continuacin: Figura 4. Pgina Principal

Fuente: Autora del informe

56

3.2 Diseo del Usuario Administrador La parte administrable del sitio y sistema de Servicios web, se podr acceder por medio de la URL que solo maneja el administrador. Tendr el mismo diseo y funcionalidad para el usuario final con la diferencia que en todo momento podr Gestionar lo que desee. La estructura principal del Portal, en la seccin del usuario administrador es generada totalmente por medio de una hoja de estilos y se opt por un diseo a dos columnas lo cual facilita la navegabilidad del usuario final, permitindole as una buena gestin de los mdulos que contendr el portal. La vista final de la estructura realizada con la Hoja de Estilo se presenta a continuacin: Figura 5: Pgina Principal en la seccin administrable

Fuente: Autora del informe 3.3. Diseo de la Seccin de Noticias La seccin de noticias permite Insertar, consultar, modificar y eliminar una noticia. Insertar Noticias: La insercin de Noticias se hace a travs de un formulario que contiene los siguientes campos: Titulo de la Noticia, Resumen, Noticia, Autor, Fecha y un cargador de imgenes, el cual permite subir al servidor la imagen de la noticia que se desea publicar.

57

Figura 6. Formulario para crear noticias

Fuente: Autora del informe En esta Seccin, tambin es posible la eliminacin y modificacin tanto del texto, como de la imagen de una noticia en particular, escogida por el administrador, las cuales son mostradas en el sitio del administrador con opcin de insertar, modificar o eliminar. Para editar o eliminar la noticia mantiene el formato que se utiliza en la insercin. Figura 7. Formulario para modificar noticias

58

Fuente: Autora del informe Figura 8. Formulario para Eliminar noticias

Fuente: Autora del informe 3.4 Diseo de la Seccin de usuarios En esta seccin permite Insertar, consultar, modificar y eliminar usuarios que pueden ingresar al sistema. Crear Usuarios: El formulario para insertar un usuario, contiene campos como documento, nombre, apellido, permisos para ingresar al sistema, nombre de usuario, tipo de usuario y contrasea. Figura 9. Formulario para insertar usuarios

59

Para la consulta de los usuarios del portal comercial inicialmente el sistema muestra una lista de los que se encuentran registrados. Figura 10. Consulta de Usuarios

En esta parte el usuario puede modificar, eliminar o buscar un determinado usuario. 3.5 Diseo de la Seccin de Contenidos Esta seccin permite insertar, consultar y modificar un contenido, estos contenidos son: eventos, historia, misin- visin, razn social, principios y valores. Modificar Contenido: El formulario, para modificar un contenido tiene ttulo del evento y la descripcin.

Figura 11. Formulario para crear contenido

60

Para consultar el contenido el sistema, inicialmente le muestra al usuario una lista de los que ha insertado. Figura 12. Consulta de contenidos

En esta parte el usuario puede modificar un contenido.

3.6 Diseo de la Seccin de Publicidad Esta seccin permite Insertar, consultar y modificar imgenes de publicidad. Modificar Publicidad: El formulario, para modificar imgenes de publicidad tiene unas especificaciones que tiene que tener la imagen.

Figura 13. Formulario para crear publicidad Para consultar las imgenes de publicidad, el sistema inicialmente le muestra al usuario una lista de los que ha insertado.

61

Figura 14. Consulta de Imgenes de publicidad

En esta parte el usuario puede modificar una imagen de publicidad.

4. Pruebas del software para la parte Administrable de la pgina y del sistema de servicios web 4.1 Pruebas de Caja Blanca. Cuadro 60. Caja blanca mdulo administrable de usuarios Formato de Prueba de Caja Blanca Nmero Fecha 1

Mdulo Administracin de Usuarios Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Errores Panel de Presionar sobre la Se visualizan las Ninguno. Administracin. opcin usuarios. acciones que se
62

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Mdulo usuarios.

Presionar sobre el botn insertar. Presionar sobre el botn listar Presionar sobre la imagen para edicin de usuarios. Presionar sobre la imagen para eliminar usuarios. Presionar el botn modificar Presionar el botn eliminar

Mdulo usuarios. Listar usuarios.

Listar usuarios.

Modulo Usuarios

Modulo Usuarios

pueden realizar. Se despliega el formulario para ingresar un usuario Se visualizan los usuarios existentes Se despliega el formulario de edicin de usuarios Se despliega el cuadro de confirmacin para eliminar un usuario. Se despliega el formulario de edicin de usuarios Se despliega el cuadro de confirmacin para editar un usuario.

Ninguno.

Ninguno. Ninguno.

Ninguno.

Ninguno.

Ninguno.

Fuente: Autora del informe Cuadro 61. Caja blanca mdulo administrable de noticias Formato de Prueba de Caja Blanca Nmero Fecha 2

Mdulo Administracin de Noticias Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Panel de Presionar sobre la Se visualizan las Administracin. opcin noticias. acciones que se pueden realizar. Mdulo noticias. Presionar sobre el Se despliega el botn insertar formulario para noticia ingresar noticias Listar noticias. Presionar sobre el Se despliega el botn modificar formulario de
63

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Errores Ninguno.

Ninguno.

Ninguno.

edicin de noticias Se despliega el Ninguno. cuadro de confirmacin para eliminar una noticia. Modulo noticias Presionar el botn Se despliega el Ninguno. modificar formulario de edicin de noticias Modulo noticias Presionar el botn Se despliega el Ninguno. eliminar formulario de eliminacion de noticias Fuente: Autora del informe Listar noticias. Cuadro 62. Caja blanca mdulo administrable de eventos Formato de Prueba de Caja Blanca Nmero Fecha 4

noticias. Presionar sobre el botn para eliminar noticias.

Mdulo Administracin de eventos Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Panel de Presionar sobre la Se visualizan las Administracin. opcin Contenido. acciones que se pueden realizar. Listar eventos. Presionar sobre el Se despliega el botn para edicin formulario de de eventos. edicin de eventos Modulo eventos Presionar el botn Se visualiza un modificar cuadro de bsqueda de eventos Fuente: Autora del informe Cuadro 78. Caja blanca mdulo administrable de proyecto Formato de Prueba de Caja Blanca
64

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Errores Ninguno.

Ninguno.

Ninguno.

Nmero 5

Fecha

Mdulo Administracin de proyecto Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Panel de Presionar sobre la Se visualizan las Administracin. opcin proyecto. acciones que se pueden realizar. Listar proyecto. Presionar sobre el Se despliega el botn para edicin formulario de de proyecto. edicin de proyectos Modulo proyecto Presionar el botn Se visualiza un modificar cuadro de bsqueda de proyectos Fuente: Autora del informe

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Errores Ninguno.

Ninguno.

Ninguno.

Cuadro 63. Caja blanca mdulo administrable de Publicidad Formato de Prueba de Caja Blanca Nmero Fecha 6

Mdulo Administracin de Publicidad Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Errores Panel de Presionar sobre la Se visualizan las Ninguno. Administracin. opcin Publicidad. acciones que se pueden realizar. Listar Publicidad. Presionar sobre la Se despliega el Ninguno.
65

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

imagen para formulario de edicin de edicin de Publicidad. Publicidad. Modulo Presionar el botn Se visualiza un Ninguno. Publicidad modificar cuadro de bsqueda de Publicidad Fuente: Autora del informe

Cuadro 64. Caja blanca mdulo administrable de Contenidos Formato de Prueba de Caja Blanca Nmero Fecha 7

Mdulo Administracin de Contenidos Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Panel de Presionar sobre la Se visualizan las Administracin. opcin Contenidos. acciones que se pueden realizar. Listar Contenidos. Presionar sobre la Se despliega el imagen para formulario de edicin de edicin de Contenidos. Contenidos. Modulo Presionar el botn Se visualiza un Contenidos modificar cuadro de bsqueda de Contenidos Fuente: Autora del informe

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Errores Ninguno.

Ninguno.

Ninguno.

4.2 Prueba de Caja Negra Cuadro 65. Caja negra mdulo administrable de usuarios Formato de Prueba de Caja Negra Nmero Fecha

Aplicativo
66

Mdulo Administracin de usuarios. Elaborado por Yessica Alejandra Gaona Vega Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Observaciones Errores Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben ser de Usuarios insertar un nuevo ingresados para lograr Ingresar Usuarios. Usuario al sistema. aadir un nuevo usuario. Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben ser de Usuarios modificar un usuario ingresados para lograr modificar usuarios registrado en el modificar un usuario sistema. Fuente: Autora del informe Cuadro 66. Caja negra mdulo administrable de noticias Formato de Prueba de Caja Negra Nmero Fecha 2

Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

Mdulo Administracin de noticias. Elaborado por Yessica Alejandra Gaona Vega Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Observaciones Errores Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de noticias insertar una nueva ser ingresados Ingresar noticias. noticia al sistema. para lograr aadir una nueva noticia. Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben
67

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

de Usuarios modificar una ser ingresados modificar noticias noticia registrada para lograr modificar en el sistema. una noticia Fuente: Autora del informe Cuadro 67. Caja negra mdulo administrable de Eventos Formato de Prueba de Caja Negra Nmero Fecha 3

Mdulo Administracin de Eventos. Elaborado por Yessica Alejandra Gaona Vega Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Observaciones Errores Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de Eventos insertar una nueva ser ingresados Ingresar Eventos. Eventos al sistema. para lograr aadir una nuevo Eventos. Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de Eventos modificar una ser ingresados modificar Eventos Eventos registrada para lograr en el sistema. modificar una Eventos Fuente: Autora del informe Cuadro 68. Caja negra mdulo administrable de Proyectos Formato de Prueba de Caja Negra Nmero Fecha 4

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

Mdulo Administracin de Proyectos. Elaborado por

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

68

Yessica Alejandra Gaona Vega Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Observaciones Errores Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de Proyectos insertar un nuevo ser ingresados Ingresar Proyectos al para lograr aadir Proyectos. sistema. un nuevo Proyecto. Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de Proyectos modificar un ser ingresados modificar Proyecto registrado para lograr Proyectos en el sistema. modificar un Proyecto Fuente: Autora del informe Cuadro 69. Caja negra mdulo administrable de Publicidad Formato de Prueba de Caja Negra Nmero Fecha 5

Mdulo Administracin de Publicidad. Elaborado por Yessica Alejandra Gaona Vega Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Observaciones Errores Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de Publicidad insertar una nueva ser ingresados Ingresar Publicidad al para lograr aadir Publicidad. sistema. una nueva Publicidad. Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben de Publicidad modificar una ser ingresados modificar Publicidad para lograr Publicidad registrada en el modificar una
69

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

sistema. Fuente: Autora del informe

Publicidad

Cuadro 70. Caja negra mdulo administrable del Contenido Formato de Prueba de Caja Negra Nmero Fecha 6

Mdulo Administracin del Contenido Elaborado por Yessica Alejandra Gaona Vega Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Observaciones Errores Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben Del Contenido l insertar una nuevo ser ingresados Ingresar Contenido al para lograr aadir Contenido. sistema. una nuevo Contenido. Mdulo Diligenciar el Todos los campos Ninguno. Administracin formulario para mostrados deben del Contenido modificar un ser ingresados modificar Contenido para lograr Contenido registrada en el modificar un sistema. Contenido Fuente: Autora del informe

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

70

5. Pruebas Del Software Para El Usuario Final Del Pgina y Sistema De Servicios Web 5.1 Prueba de Caja Blanca usuario Final: Cuadro 71. Caja blanca mdulo noticias Formato de Prueba de Caja Blanca Nmero Fecha 7

Mdulo Noticias Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Errores Seccin Noticias Presionar sobre la Se visualizan las Ninguno. opcin noticias. Noticias registradas en el sistema Mdulo noticias. Presionar sobre el Se visualiza la Ninguno. Ttulo de la noticia noticia seleccionada a visualizar Fuente: Autora del informe Cuadro 72. Caja blanca mdulo foto galera Formato de Prueba de Caja Blanca Nmero Fecha 6

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Mdulo Foto galera Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin
71

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Ruta Seccin galera

Descripcin Observaciones Errores foto Presionar sobre el Se visualizan las Ninguno. men principal en galeras existentes Galera con sus respectivas imgenes

Fuente: Autor del informe

Cuadro 73. Caja blanca mdulo trmites y servicios Formato de Prueba de Caja Blanca Nmero Fecha 17

Mdulo Seccin de trmites y servicios Elaborado por Yessica Alejandra Gaona Vega Objetivo Observar que los enlaces cumplen con su funcin correctamente Informacin Ruta Descripcin Observaciones Errores trmites y Presionar sobre la Se visualiza los tramites Ninguno. servicios opcin trmites y comerciales como servicios medio de informacin para los usuarios Fuente: Autora del informe 5.2 Prueba de Caja Negra usuario final Cuadro 74. Caja negra mdulo usuarios Formato de Prueba de Caja Negra Nmero Fecha 9

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Navegacin

Mdulo Administracin de los PQR Elaborado por Yessica Alejandra Gaona Vega

Aplicativo Pgina y sistema de servicios web para la Empresa de Servicios Pblicos ESPO S.A E.S.P Tipo Prueba Particin equivalente

72

Objetivo Verificar el condicionamiento correcto de las entradas de usuario al sistema. Informacin Ruta Descripcin Seccin trmites y Diligenciar el servicios formulario para la Peticiones, Quejas consulta de un y Reclamos. usuario. Seccin trmites y Diligenciar el servicios - formulario para Peticiones, Quejas enviar el PQR. y Reclamos.. Fuente: Autora del informe Observaciones Errores Todos los campos Ninguno. mostrados deben ser ingresados para lograr consultar un usuario. Todos los campos Ninguno. mostrados deben ser ingresados para lograr enviar un PQR.

Artculo que resume el trabajo de la pasanta realizada. Este artculo se realiza con el fin de mostrar el trabajo realizado en la Empresa de Servicios Pblicos ESPO S.A E:S.P, donde se desarroll un la reestructuracin de la pgina e implementacin de los servicios web siguiendo los pasos para la ejecucin de un proyecto como son: anlisis de requerimientos e informacin, anlisis del sistema a desarrollar, diseo, construccin, pruebas e implementacin de la pgina. Ver Anexo A

73

6. PRESENTACIN DE RESULTADOS

6.1 DIAGNSTICO FINAL

6.1.1 Resultados del desarrollo de la Pgina. Despus de realizar el anlisis de requerimientos se logr construir la estructura del sitio ajustndose a la actual tendencia que consiste en mantener un cabezote, una columna principal situada a la derecha y finalmente se establece un pie de pgina. Se dise los mdulos de usuarios, noticias, trmites y servicios web, contenidos publicidad de una forma amigable y agradable para el usuario. A la construccin de los mdulos desarrollados se les cre administracin y gestin de los mismos, facilitando la publicacin, actualizacin y mantenimiento. Se utilizaron tecnologas y lenguajes tales como CSS, JavaScript, XHTML, PHP, MySQL y Flash, los cuales permiten el desarrollo de Aplicaciones Web mejorando la experiencia del usuario.

74

CONCLUSIONES

Es un acierto, la utilizacin de la metodologa del proceso unificado (UML), lo cual facilita el desarrollo de las fases del proceso del desarrollo del proyecto. La ejecucin del proyecto ayuda a mejorar los procesos de comunicacin entre la comunidad ocaera y la empresa. La realizacin de un buen anlisis de requerimientos y modelado de los mismos, redujo las correcciones a realizar en el producto final. El proyecto desarrollado, como experiencia personal gratificante, mejora la calidad de vida de los ocaeros.

RECOMENDACIONES Para futuras modificaciones de la pgina y sistema de servicios, usar cdigo libre como php y mysql, puesto que son conocidas tecnologas de cdigo abierto que resultan muy tiles para disear de forma rpida y eficaz, las aplicaciones Web, dirigidas a bases de datos. Convertir la pgina y sistema de servicios web, en una puerta de entrada a diversos trmites que faciliten la gestin de procesos para evitar la traumatologa, que requieren ciertas tareas, rompiendo con las limitaciones que se pueden presentar por la ubicacin geogrfica del usuario o su escasez de tiempo libre para realizar ciertas actividades. Ofrecer nuevos servicios a la comunidad, que faciliten la gestin de trmites, la adquisicin de informacin y con esto estimular a los visitantes al uso de las nuevas tecnologas. Realizar nuevas aplicaciones que permitan despertar en el usuario un mayor inters al visitar el sitio. Actualizar con frecuencia las noticias y galeras, para brindarle contenidos renovados al usuario.

BIBLIOGRAFA

INSTITUTO COLOMBIANO DE NORMAS TCNICAS Y CERTIFICACIN. Presentacin de tesis, trabajos de grado y otros trabajos de investigacin. 5 ed. Bogot: ICONTEC, 2008. 34p. (NTC 1486) KENDALL Y KENDALL, Anlisis y Diseo de Sistemas, Educacion 6a ed. 111 p. Editorial. Pearson

INSTITUTO COLOMBIANO DE NORMAS TCNICAS Y CERTIFICACIN. Numeracin de divisiones y subdivisiones en documentos escritos. 2 ed. Bogot: ICONTEC, 2008. 4p. (NTC 1076) KIMMEL, PAUL, Manual de Uml Editorial. Mcgraw- Hill Interamericana S.A. 2a ed. 111 p. INSTITUTO COLOMBIANO DE NORMAS TCNICAS Y CERTIFICACIN. Citas y notas de pie de pgina. 2 ed. Bogot: ICONTEC, 2008. 7p. (NTC 1487) SCHACH, STEPHEN, ingeniera de software clsica orientada a objetos, mcgraw- hill interamericana s.a. 2a ed. 111 p. JOYANES AGUILAR, LUIS, Programacin Orientada A Objetos Editorial. McgrawHill. 2a ed. 111 p.

FUENTES ELECTRNICAS

EMPRESA DE SERVICIOS PBLICOS DE OCAA ESPO S.A. E.S.P [en Lnea]. Disponible en Internet en: < URL: http://www.laespo.com/empresa.html >. Ocaa N de S

BARRIOCANAL CANTORAL, Luis. Proyecto para la creacin de un portal web de recursos para la educacin para la convivencia. [online]. Actualizado en el 2005. [citado el 7 de marzo de 2011]. Disponible en Internet En: <www.orientaeduc.com/downloads/Proyecto.doc.pdf> . p. 1 de 7.

EL CDIGO. Validacin de formularios con JavaScrip. [online]. Actualizado en el 2005. [citado el 7 de marzo de 2011]. Disponible en Internet En: <www.elcodigo.net/tutoriales/jsavanzado/jsavanzado13.html> p. 1 de 8.

FaHCE. Proyecto piloto portal web y publicaciones. Universidad de la Plata. [online]. Actualizado en el 2006. [citado el 7 de marzo de 2011]. Disponible en Internet En: <www.fahce.unlp.edu.ar/institucional/proyectosinstitucionales/informepwyp2007.pdf/view> p. 1 de 5.

PHP. [online]. Actualizado en el 2006. [citado el 7 de marzo de 2011].Disponible en Internet en: < URL: http://php.ciberaula.com/articulo/introduccion_php/ >

Anexo A. Reestructuracin de la pgina e implementacin de un sistema de servicios web para La Empresa de Servicios Pblicos de Ocaa ESPO S.A. E.S.P.

RESUMEN La Empresa de Servicios Pblicos de Ocaa, ESPO S.A. E.S.P, con el inters de brindar un mejor servicio a la comunidad Ocaera, propuso dentro del proyecto la reestructuracin de la pgina e implementacin de un sistema de servicios web, para darla a conocer a la comunidad en general. Este Sitio web, contar con herramientas dinmicas como son las noticias, foto galera, nosotros, y servicios web, adems contendr secciones de informacin tales como: seccin de publicidad y de eventos, donde este ltimo ser un espacio propicio y de fcil acceso para la informacin de la empresa. PALABRAS CLAVES Servicios web, Entornos web, UML. ABSTRACT

KEY WORDS

INTRODUCCIN Cada da, se ve como nuestras sociedades se convierten en sociedades que van muy a prisa, que necesitan recorrer mayores distancias en poco tiempo, que necesitan estar en contacto con mucha gente y en varios lugares a la vez, adems, poder realizar innumerables tareas; en lo posible desde nuestras casas o lugar en que nos encontremos. A la vez la tecnologa presenta sus avances a gran velocidad y genera solucin a muchos de estos problemas suministrando herramientas que se adopta y se utiliza, hasta convertirlas en parte fundamental de nuestras vidas. Internet es un buen ejemplo de estas herramientas, mejora la productividad de las empresas y permite una comunicacin en tiempo real con cualquier lugar del planeta, entre otros muchos beneficios. Las empresas a travs del tiempo han podido experimentar la importancia de conocer con exactitud las necesidades de sus clientes, ello lograra ofrecer un mejor producto o servicio con excelente calidad. LA EMPRESA DE SERVICIOS PUBLICOS DE OCAA, ESPO S.A E.S.P constantemente ha ido revisando, evaluando y mejorando su funcionamiento administrativo y tecnolgico; como empresa dedicada a la prestacin de servicios pblicos se preocupa por entregar un servicio acorde a los requerimientos de los clientes, solucionando sus inquietudes. De ah la importancia de desarrollar el presente proyecto, para lo cual se requiere implementar un sitio donde los ciudadanos realicen sus servicios va web. Con la realizacin del proyecto de reestructuracin de la pgina e implementacin de un sistema de

servicios web para ESPO S.A. E.S.P se dar fin a muchos inconvenientes, tales como disminuir la insatisfaccin por demora en los procesos y se busca mejorar la calidad de vida de los ciudadanos. Adems se acercara a todas personas de forma paulatina al uso natural de estas herramientas. DESARROLLO Para el desarrollo de la Pgina y el Sistema de Servicios Web, se llevaron a cabo una serie de etapas como son: anlisis, fase de investigacin, diseo, construccin, pruebas e implementacin. Anlisis: Para esta etapa inicialmente se realiz un anlisis situacional del sitio web con l, que cuenta la empresa. Despus de realizar el proceso de anlisis situacional de la pgina web y con el fin de determinar los requerimientos de informacin para implementar estrategias que permitan la elaboracin y consolidacin del sistema de servicios web para ESPO S.A E.S.P, que contenga la informacin de la empresa e informacin que podr ser consultada por parte de los usuarios de esta en la ciudad de Ocaa, se realiz una reunin entre la pasante de ingenieras, practicantes de comunicacin social y el jefe de Sistemas de ESPO, Miguel Edgardo Lemus Lobo donde se establecieron las caractersticas y secciones que tendr este sistema de servicios web, tambin se acord la realizacin de la pgina web con algunas secciones como noticias, proyectos, etc. A continuacin las conclusiones que arroj la reunin sostenida entre la pasante de ingenieras, practicantes de comunicacin social y el jefe de Sistemas de ESPO, Miguel Edgardo Lemus Lobo:

Los colores que predominaran en la pgina y el sistema de servicios web son el azul y el blanco, ya que hace parte de los colores institucionales de la empresa. Las secciones que contendr sern las siguientes: Trmites y Servicios: En esta seccin se le informara al usuario los trmites que la empresa les ofrece como Peticiones, Quejas y Reclamos, observar su estado de cuenta e imprimir su recibo. Descargar Recibo: Se utiliz la librera fpdf para codificar y mostrar el recibo en PDF y darle la opcin al usuario de imprimirlo, guardarlo o simplemente visualizarlo. Peticiones, Quejas y Reclamos: En esta Seccin se podr enviar peticiones, quejas y reclamos; va correo electrnico, el formulario que maneja tiene los siguientes campos: nombre del solicitante, email, telfono, fecha a quien va dirigido y mensaje. Estado de su Cuenta: En esta seccin se podr consultar si el usuario est en mora con la empresa o no. Adicionalmente la pgina contara con las siguientes secciones: Noticias: Las noticias a mostrar son aquellas que actividades o infromaciones que le interesan a la comunidad Ocaera. Foto galera: Se mostraran las fotos que muestran las diferentes sedes de la empresa. Nosotros: En esta seccin se mostrara informacin de la empresa como misin, visin, historia, etc.

Gestin de calidad: En esta seccin se mostrara informacin del proceso de calidad de la empresa. Responsabilidad Social: En esta seccin se mostrara informacin de los proyectos sociales que llevan a cabo la empresa como es descubriendo Espo y Espocine. Informacin al usuario: En esta seccin se mostrara informacin para el usuario como conocer su factura, tarifas aplicadas, entre otras. Estas secciones se visualizaran en la pgina de inicio. La pgina manejara cuatro usuarios los cuales son Sper Administrador, Administrador de Comunicaciones, Administrador de Comercial y Visitante, el Sper Administrador es el que se encarga de actualizar el sitio en cuanto a noticias, seccin de publicidad, eventos, contenido y adicionalmente puede crear usuarios. El Administrador de Comunicaciones es aquel que actualizara la los contenidos, los proyectos y la fotos del banner de publicidad de la pgina. El Administrador Comercial es aquel que tendr acceso a responder a los PQR, gestionar el recibo y ver el estado de la cuenta de los usuarios y por ltimo, el visitante es aquel usuario que abre el la pgina, gestiona el sistema de servicios web y visualiza la informacin que contiene la mismo. Despus de obtener la informacin, se empieza hacer el anlisis de las secciones del sistema, y el diagrama de la base de datos, que permitir la interaccin del usuario con el sitio web. La herramienta a utilizar para el modelamiento es UML (Lenguaje de Modelamiento Unificado), el cual permite

especificar o describir mtodos o procesos. Es decir sirve para definir un sistema, para detallar los artefactos en el sistema y para documentar y construir. En otras palabras, es el lenguaje en el que est descrito el modelo. Los artefactos desarrollados para este proyecto fueron los siguientes: Cases de uso Modelo entidad/ relacin Adicionalmente se desarroll la especificacin de los casos de uso y el diccionario de datos con el fin de documentar los artefactos realizados para la pgina. Fase De Investigacin En esta etapa del proyecto se consultan diversas fuentes, con el objetivo de definir conceptos bsicos y herramientas que puedan ayudar al buen desarrollo del proyecto. Actualmente la red de Internet, compuesta por pginas web, sirve de soporte a una gran cantidad de sistemas de informacin y comunicaciones que engloban reas tan importantes como la investigacin, el comercio y correo electrnico, la visualizacin de informacin, entre otras. Por esto se decidi que los lenguajes de programacin que se van a utilizar en el proceso de construccin del proyecto son: HTML (Hypertext Markup Language o Lenguaje de Marcado de Hipertexto), PHP (Hypertext Preprocessor), Javascript, SQL (Structured Query Language o Lenguaje de Consulta Estructurado, Action Script y CSS (Cascading Style Sheets o lenguaje de Hojas de Estilo en Cascada). Diseo y Construccin En esa etapa se dise la estructura de la pagina, teniendo en cuenta el posicionamiento de la informacin, la navegabilidad y la usabilidad del usuario

en el pgina web. La siguiente figura es un esquema de la pgina principal de la pgina web. Figura 1. Pgina principal del Sitio Web

En este proceso se realiz el diseo tanto para el usuario final como para el administrador, es decir se desarroll el esquema de las secciones que contiene el sitio como son las noticias, informacin al usuario, Gestin de calidad, foto galera, nosotros, test y sistema de servicios web, a su vez se dise la administracin de las mismas. Figura 2. Panel de Administracin del Sitio

Pruebas del funcionamiento de la pgina Las pruebas deben realizarse a lo largo de todo el ciclo de vida del desarrollo de software, pasando por requerimientos, anlisis y diseo, programacin, puesta en marcha y mantenimiento. Los criterios utilizados a la hora de realizar las pruebas son los denominados caja negra y caja blanca. Se dice que una prueba es de caja negra cuando prescinde de los detalles del cdigo y se limita a lo que se ve desde el exterior. Intenta descubrir casos y circunstancias en los que el mdulo no hace lo que se espera de l. Por oposicin al trmino "caja negra" se suele denominar "caja blanca" al caso contrario, es decir, cuando lo que se mira con lupa es el cdigo que est ah escrito y se intenta que falle. Quizs sea ms propia la denominacin de "pruebas de caja transparente".12 Figura 3. Pruebas de caja blanca y caja negra13

RESULTADOS DEL DESARROLLO DEL SITIO WEB Despus de realizar el anlisis de requerimientos se logr construir la estructura del sitio ajustndose a la actual tendencia que consiste en mantener un cabezote, una columna principal situada a la derecha y finalmente se establece un pie de pgina. Se dise los mdulos de usuarios, noticias, contenido, informacin al usuario, gestin de calidad, trmites y servicios, foto galera y seguridad de una forma amigable y agradable para el usuario. A la construccin de los mdulos desarrollados se les cre administracin y gestin de los mismos, facilitando la publicacin, actualizacin y mantenimiento. Se utilizaron tecnologas y lenguajes tales como CSS, JavaScript, XHTML, PHP, y MySQL los cuales permiten el desarrollo de Aplicaciones Web mejorando la experiencia del usuario. CONCLUSIONES

12

Disponible desde internet:< http://www.lab.dit.upm.es/~lprg/material/apuntes/ pruebas/testing.htm> 13 Disponible desde internet:< http://softwarelibre.uca.es/wikihaskell/index.php/ Pruebas_Unitarias_para_Haskell>

Es un acierto, la utilizacin de la metodologa del proceso unificado (UML), lo cual facilita el desarrollo de las

fases del proceso del desarrollo del proyecto. La ejecucin del proyecto ayuda a mejorar los procesos de comunicacin entre la comunidad ocaera y la empresa. La realizacin de un buen anlisis de requerimientos y modelado de los mismos, redujo las correcciones a realizar en el producto final. El proyecto desarrollado, como experiencia personal gratificante, mejora la calidad de vida de los ocaeros.

2005. [citado el 7 de marzo de 2011]. Disponible en Internet En: <www.orientaeduc.com/downloads/Proye cto.doc.pdf> . p. 1 de 7. EL CDIGO. Validacin de formularios con JavaScrip. [online]. Actualizado en el 2005. [citado el 7 de marzo de 2011]. Disponible en Internet En: <www.elcodigo.net/tutoriales/jsavanzado/ jsavanzado13.html> p. 1 de 8. FaHCE. Proyecto piloto portal web y publicaciones. Universidad de la Plata. [online]. Actualizado en el 2006. [citado el 7 de marzo de 2011]. Disponible en Internet En: <www.fahce.unlp.edu.ar/institucional/pro yectosinstitucionales/informepwyp2007.pdf/vie w> p. 1 de 5. PHP. [online]. Actualizado en el 2006. [citado el 7 de marzo de 2011].Disponible en Internet en: < URL: http://php.ciberaula.com/articulo/introduc cion_php/ >

BIBLIOGRAFA EMPRESA DE SERVICIOS PBLICOS DE OCAA ESPO S.A. E.S.P [en Lnea]. Disponible en Internet en: < URL: http://www.laespo.com/empresa.html >. Ocaa N de S BARRIOCANAL CANTORAL, Luis. Proyecto para la creacin de un portal web de recursos para la educacin para la convivencia. [online]. Actualizado en el