Página principal



Documentación

Descargar 491.74 Kb.

Documentación





Descargar 491.74 Kb.
Página1/16
Fecha de conversión29.04.2017
Tamaño491.74 Kb.
  1   2   3   4   5   6   7   8   9   ...   16

ESCUELA SUPERIOR POLITÉCNICA DEL LITORAL







Facultad de Ingeniería en Electricidad y Computación

PORTAL WEB PARA CONTRIBUIR EN LA VENTA, COMERCIALIZACIÓN Y DISTRIBUCIÓN DE LA ZEOLITA NATURAL USANDO AJAX”



TESINA DE SEMINARIO



Previa a la obtención del Título de:
INGENIERO EN COMPUTACIÓN
ESPECIALIZACIÓN SISTEMAS DE INFORMACIÓN


Presentada por:



MARTHA ISABEL CORREA BARRERA

PATRICIA CECILIA ASENCIO CAMPOVERDE

Guayaquil - Ecuador

2011



AGRADECIMIENTOS



A Dios por las bendiciones recibidas, y por permitirme llegar a culminar esta nueva etapa en mi vida. A mis padres y hermanos, por haberme siempre brindado su apoyo incondicional; para poder llegar hasta este logro, A mis amigos por estar siempre conmigo apoyándome en todas las circunstancias posibles.



Martha Isabel Correa Barrera











Este documento ha requerido de esfuerzo y mucha dedicación y no hubiese sido posible su finalización sin la cooperación desinteresada de todas y cada una de las personas que a continuación citaré y muchas de las cuales han sido un soporte muy fuerte en momentos de angustia y desesperación.



Primero que todo agradezco a Dios por las bendiciones que me ha dado, al guiarme durante todo este tiempo, dándome la fortaleza necesaria y convicción para seguir adelante y por haber puesto en mi camino a aquellas personas que han sido mi soporte y compañía durante todo el periodo de estudio.

















A mis padres y familiares, por darme su apoyo incondicional, principalmente a mi madre por estar a mi lado, por escucharme y aconsejarme, por ser una persona con la que puedo contar siempre y así poder cumplir con cada una de mis metas.



A todos mis amigos los cuales también son parte de esta alegría, ya que también han estado presentes en las distintas etapas de mi vida, por ayudarme a crecer como persona, apoyándome en todas las circunstancias posibles, personas que desde el primer momento me brindaron y me brindan todo el apoyo, colaboración y cariño sin ningún interés. Simplemente hubiese sido imposible llegar a este punto sin el apoyo de todos ellos.



Patricia Cecilia Asencio Campoverde



DEDICATORIA



A Dios por todas las bendiciones recibidas A mis Padres por brindarme siempre su amor y motivación. A mis amigos por su apoyo incondicional. A mi tutor y a los maestros de la ESPOL por los valiosos conocimientos adquiridos.



Martha Isabel Correa Barrera



A MIS PADRES que siempre me ha apoyado y guiado para poder enfrentarme a cada uno de los obstáculos que se me han presentado durante toda mi vida.



Patricia Cecilia Asencio Campoverde













TRIBUNAL DE SUSTENTACIÓN















Ing. Carlos Martin

PROFESOR DE SEMINARIO DE GRADUACIÓN























MSc. Marcelo Loor

PROFESOR DELEGADO DEL DECANO







D E C L A R A C I Ó N E X P R E S A











La responsabilidad del contenido de este Trabajo de Graduación, nos corresponde exclusivamente; y el patrimonio intelectual de la misma, a la Escuela Superior Politécnica del Litoral”

(Reglamento de exámenes y títulos profesionales de la ESPOL)

















Martha Isabel Correa Barrea Patricia Cecilia Asencio Campoverde











RESUMEN

El presente proyecto de graduación tiene como alcance mostrar las ventajas de la elaboración de una aplicación destinada a un entorno web, para una empresa nueva que requiere posicionarse en el mercado de venta y comercialización de la Zeolita, empleando AJAX.

El proyecto empieza con la definición de la estructura teórica del sistema. Para lograr este objetivo se realizará un estudio de requisitos tanto a nivel funcional como no funcional y se asignarán una serie de objetivos finales.

Luego se procederá con la parte formativa, donde se adquieren conocimientos de bases de datos. También se realizará una familiarización con diferentes tecnologías que se usarán en nuestro sistema, donde mostraremos una herramienta de soporte para el desarrollo de aplicaciones web bajo el patrón MVC conocida como STRUTS. Una vez que se ha decidido que rol ocupará cada tecnología se procederá a realizar la arquitectura definitiva del sistema y de la base de datos.

Durante el periodo de implementación, los diferentes módulos de la aplicación serán construidos y unificados y se realizará la correcta validación conforme se vayan desarrollando y se procederá a las pruebas y verificaciones de requerimientos.

La aplicación final da vida a un gestor que contribuya a la venta y comercialización del principal producto de la empresa Correa & Asociados y que funciona siguiendo una estructura web con un servidor y uno o varios clientes que pueden hallarse en una intranet o en internet.

Este documento permitirá seguir la evolución de la construcción del sistema, así como nos ayudará a familiarizarnos con distintas herramientas usadas en el desarrollo de aplicaciones web como Java, Struts y JQuery.
























INDICE GENERAL



INDICE GENERAL 48

INDICE DE GRÁFICOS 50

INDICE DE TABLAS 51

CAPÍTULO 1 53

MARCO TEÓRICO 53

1.1. INTRODUCCIÓN 53

1.2. LA TECNOLOGÍA AJAX 54

CAPÍTULO 2 55

DESCRIPCIÓN DEL PROYECTO 55

2.1. ANTECEDENTES 56

2.2. DESCRIPCIÓN DEL PROBLEMA 56

2.3. OBJETIVOS DEL PROYECTO 57

2.3.1. Objetivo General 58

2.3.2. Objetivos Específicos 58

2.3.3. Alcance 59

CAPITULO 3 61

ANÁLISIS 61

3.1. DESCRIPCIÓN DE LA APLICACIÓN WEB 61

3.2. DESCRIPCIÓN DEL FUNCIONAMIENTO DEL SISTEMA 63

3.3. TIPOS DE REQUISITOS 64

3.3.1. Análisis de requisitos funcionales 64

3.3.2 Roles y usuarios 65

3.3.3. Casos de Uso 67

3.3.4. Diagrama de Interacción 109

3.3.5. Análisis de requisitos no funcionales 110

3.3.5.1 Calidad 110

3.3.5.2 Carga 111

3.3.5.3 Coste 111

3.4. ATRIBUTOS DE USABILIDAD A MEDIR 112

3.5. PARADIGMA DE EVALUACIÓN 113

CAPÍTULO 4 114

DISEÑO DE LA SOLUCIÓN 114

4.1. ARQUITECTURA 114

4.2. SOFTWARE 115

4.2.1 Software en Terminales 116

4.3. PLATAFORMA TECNOLÓGICA 116

4.3.1. Jdeveloper 10g 116

4.3.2. MySQL Query Browser 117

4.3.3. Xampp 117

4.3.4. Jquery 118

4.3.5. Activex 118

4.3.6. Flash Player 119

4.3.7. Adobe shockwave 119

4.3.8. cvs 119

4.3.9. Open flash chart 120

4.3.10. Jasperreports 3.0.0 120

4.3.11. Jboss 120

4.4. DIAGRAMA DE RED 121

4.5. MODELO DE DATOS DEL NEGOCIO 121

4.6. MODELO DE DATOS DE SEGURIDAD DE APLICACIÓN 121

CAPÍTULO 5 122

IMPLEMENTACIÓN 122

5.1. MODELO VISTA CONTROLADOR 123

5.1.1 Modelo Vista Controlador 123

5.2. CONFIGURACIÓN 124

5.3. DIAGRAMA DE CLASES DE FACTURACIÓN 125

5.4. ESPECIFICACIÓN DE LAS PANTALLAS DEL SISTEMA 126

5.5. IMPLEMENTACIÓN EFECTOS JQUERY 127

5.6. ERRORES CON LAS LIBRERÍAS 128

5.7. SEGURIDAD 129

5.7.1. Autenticación 130

5.7.2. Autorización 130

5.7.3. Registro y auditoria 130

5.7.4. Mensajes de error 131

5.7.5. Resguardo de la información 131

5.7.6. Control de cambios 131

5.7.7. Otros 132

CAPÍTULO 6 132

PRUEBAS 133

6.1 PREGUNTAS PARA LOS EVALUADORES 133

6.2. RESULTADOS 139

6.3. PRUEBAS EXPERIMENTALES DEL PORTAL WEB 152

6.3.1. Informe de velocidad 152

CONCLUSIONES 156

RECOMENDACIONES 159

REFERENCIAS BIBLIOGRÁFICAS 160

GLOSARIO 165





























ABREVIATURAS



AJAX

Asynchronous Javascript and XML

API

Application Programming Interface

BO

Bean Object

CSS

Cascading Style Sheets

CVS

Concurrent Versions System

DAO

Data Access Object

DOM

Document Object Model

FTP

File Transfer Protocol

JSP

Java Server Pages

JVM

Java Virtual Machine

MVC

Modelo Vista Controlador

SWF

ShockWave Flash

TLD

Tag Library Definitions

XML

Extensible Markup Language

























INDICE DE GRÁFICOS



Figura 1. El patrón de interacción sincrónica de una aplicación Web tradicional (arriba) comparada con el patrón asincrónico de una aplicación AJAX (abajo) [40]. 54

Figura 2. El patrón de interacción 56

Figura 3. Ciclo de funcionamiento del sistema 63

Figura 4. Proceso de venta 64

Figura 5. Caso de uso administrador / Supervisor 67

Figura 6. Caso de uso secretaria 67

Figura 7. Caso de uso vendedor 67

Figura 8. Caso de uso 01 109

Figura 9. Caso de uso 02 110

Figura 10. Arquitectura del sistema 115

Figura 11. Módulos principales del sistema 115

Figura 12. Diagrama de red 121

Figura 13. Modelo del Negocio 121

Figura 14. Modelo de Seguridad 121

Figura 15. Arquitectura Modelo Vista Controlador (MVC) 123

Figura 16. Funcionamiento MVC [5] 125

Figura 17. Proceso Interno de Facturación 125

Figura 18. Pantalla de facturación 125

Figura 19. Diagrama de pantallas del sistema 126

Figura 20. Estructura de las pantallas 127

Figura 21. Llamada a los archivos CSS 128

Figura 22. Llamada a los archivos Javascript 128

Figura 23. Llamada a las funciones JQuery 128

Figura 24. JQuery en funcionamiento 128

Figura 25. Open Flash Chart en funcionamiento 128

Figura 26. Llamada a la función NoConflict 129

Figura 27. Uso de la función NoConflict junto a Ready 129

Figura 28. Método para evitar conflictos entre Prototype y jQuery 129

Figura 29. Pantalla de ingreso al sistema 130

Figura 30. Pantalla de stock de producto autorizada solo al supervisor y secretaria 130

Figura 31. Mensaje de error al tratar de autenticarse 131

Figura 32. Ubicar la opción en el menú de Ingresar Cliente 141

Figura 33. Ubicar la opción de Reportes de ventas 142

Figura 34. Ubicar la opción de Reportes de Unidades 143

Figura 35. Ubicar las opciones de Ingreso consulta y modificación de Cliente 145

Figura 36. Tiempo de demora en tareas para el menú Proforma 146

Figura 37. Tiempo de demora en tareas para ingresar un Empleado 147

Figura 38. Generación de una Proforma diariamente 149

Figura 39. Encuesta manejo del sistema 151

Figura 40. Encuesta Interfaz del sistema 151

Figura 41. Encuesta Generación de Factura 151

Figura 42. Encuesta de navegación de menu 151

Figura 43. Encuesta de navegación de menú confusa 151

Figura 44. Estadísticas gráficas de tiempo de espera del portal web empleando webwait 155

Figura 45. Estadísticas de tiempo de espera del portal web empleando webwait 155

































INDICE DE TABLAS


































CAPÍTULO 1

MARCO TEÓRICO



1.1. INTRODUCCIÓN



Las aplicaciones web proliferan debido a su simplicidad, pero ofrecen una menor interactividad y usabilidad en comparación con las aplicaciones de escritorio, debido a que la interacción del usuario con una aplicación web se interrumpe cada vez que se necesita algo del servidor.

Varias tecnologías han sido diseñadas para resolver este problema, Java Applets, FLASH, AJAX es una nueva solución que no requiere plugins o capacidades específicas de ciertos navegadores.



1.2. LA TECNOLOGÍA AJAX



Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML.



Figura 1. El patrón de interacción sincrónica de una aplicación Web tradicional (arriba) comparada con el patrón asincrónico de una aplicación AJAX (abajo) [40].

El gráfico de la figura 2 muestra claramente la interacción asincrónica y sincrónica de una aplicación web.


: bitstream -> 123456789
123456789 -> Paper Proyecto sdh
123456789 -> Escuela superior politécnica de chimborazo facultad de informática y electrónica escuela de ingeniería en sistemas desarrollo del sistema de acreditación y línea de fábrica para gadmicet utilizando la herramienta cakephp
123456789 -> Paper Proyecto sdh
123456789 -> Escuela s superior politécnica de el litoralfacultad de e ingeniería en electricidad y co omputacióN
123456789 -> Escuela superior politécnica de chimborazo facultad de informática y electrónica escuela de ingeniería en sistemas estudio comparativo de productividad de frameworks
123456789 -> Libro terminado con margenesV4
123456789 -> De ingeniero en sistemas computacionales
123456789 -> Escuela superior politécnica del litoral facultad de Ciencias Naturales y Matemáticas Departamento de Matemáticas
123456789 -> Espol vlir
123456789 -> Espol vlir
  1   2   3   4   5   6   7   8   9   ...   16

Similar:

Documentación iconDocumentacion a presentar para alta en el colegio
Presentar la documentación (A) -documentación a presentar- que deberá ser aprobada por la Junta de Gobierno del coaatpa
Documentación iconDocumentacion a presentar
...
Documentación iconDocumentacion a aportar para la solicitud
Los interesados deberán presentar originales y copias simples de toda la documentación aportada; no se devolverán documentos incluidos...
Documentación iconAnexo II documentación a presentar deberá contener
Especificaciones Técnicas, describiendo la marca ofrecida. Esta documentación se presentará en original, en papel, debidamente firmada...
Documentación iconI identificación del postulante y el grupo familiar
Esta documentación es básica para postular al Programa de Atención Económica –pae 2013 y se podría solicitar nueva documentación...
Documentación iconPresentación de Documentación
Ministerio de Producción de la Nación o en la Mesa de Entradas sepyme – Programa pac av. Julio A. Roca 651 – pb (Sector 2) – caba...
Documentación iconDocumentación a aportar con la solicitud de ayuda p. Productivos acreditación de personalidad del titular
...
Documentación iconF 43 solicitud para centralizar documentacióN
...
Documentación iconDocumentacion exigida a los contratistas de servicios
Asunto: entrega de documentacion por parte de las contratistas y subcontratistas de servicios


Descargar 491.74 Kb.