UNIVERSIDAD AUTONOMA DE LOS ANDES -...
Transcript of UNIVERSIDAD AUTONOMA DE LOS ANDES -...
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES
FACULTAD DE SISTEMAS MERCANTILES
CARRERA SISTEMAS E INFORMÁTICA
PROYECTO INFORMÁTICO PREVIO A LA OBTENCIÓN DEL TÍTULO DE
INGENIERO EN SISTEMAS E INFORMÁTICA
TEMA:
“PORTAL WEB PARA LA GESTIÓN DE COMERCIALIZACIÓN Y
MARKETING EN LA EMPRESA DISTRIBUIDORA O.P.C.”
AUTOR : TLGO. BYRON WILSON CARRANCO VELA
ASESOR : ING. MARCO CHECA
2011
IBARRA – ECUADOR
CERTIFICACIÓN DEL ASESOR
Ibarra, 22 de Mayo de 2011
Yo, Ing. Marco Checa, catedrático asesor certifico que el presente proyecto
informático: “Portal Web para la gestión de comercialización y marketing en la Empresa
distribuidora O.P.C.” manifiesto que dicho proyecto informático ha sido desarrollado por el
Tlgo. Byron Wilson Carranco Vela, cuidadosamente revisado y cumple con los formatos y
requisitos establecidos por la Universidad Regional Autónoma de los Andes UNIANDES, por
lo que autorizo su presentación y defensa.
_______________________________
Ing. Marco Antonio Checa Cabrera
C.C. 1001656105
ASESOR
II
Dirección: Obispo Mosquera 8-33 y Sanches y Cifuentes Teléfonos: 2954-748 Fax. 2640-345 Celular: 092313951
email: [email protected]
Organización Particular de Computación
________________________
Sr. Wilson Carranco Herrera
C.C. 1000969384
GERENTE PROPIETARIO
Ibarra, 5 de Abril del 2011.
CERTIFICADO INSTITUCIÓN
A petición verbal de Byron Carranco Vela, portador de la C.C. 1002527008 realizo el
sistema informático denominado: “Portal web para la gestión de comercialización y marketing en
la empresa O.P.C”, el mismo que a su vez recopilado información, realizado las pruebas del
sistema, levantamiento de información e implantación del sistema final, el mismo que ha
cumplido las expectativas de la empresa.
Es todo cuanto puedo certificar, el interesado puede hacer uso del presente documentos
como ha bien creyere conveniente.
Atentamente;
III
DECLARACIÓN DE AUTORÍA DEL PROYECTO.
Ante las autoridades educativas de la Universidad Autónoma Regional de los Andes
UNIANDES y del pueblo ecuatoriano, declaro que los contenidos y las posturas manifestadas
en el presente proyecto informático, previa a la obtención del título de Ingeniero en Sistemas
e Informática, son de mi autoría y total responsabilidad, además no comprometen las políticas
de esta Institución Educativa.
____________________________
Tlgo. Byron Wilson Carranco Vela
CC. 1002527008
IV
DEDICATORIA
Dedico este trabajo con profundo cariño a mis padres, Wilson y Blanquita, mi
hermana Paolita, quienes siempre me han brindado su comprensión y apoyo en todo
momento, por creer firmemente en mí, por su cariño y apoyo incondicional en los momentos
más difíciles. Gracias.
EL AUTOR
V
AGRADECIMIENTO
Mi agradecimiento a Dios, por concederme el don de la vida, y permitirme apreciarla.
A mis Abuelitos, por ser ejemplo de superación y honradez.
A mis Padres Blanca y Wilson por guiarme por el buen camino, con amor, paciencia y
dedicación, permitiéndome así conseguir este objetivo, que es, ser un profesional.
A mi hermana Paola, por su apoyo y comprensión en todo momento.
De manera especial a cada uno de mis profesores por compartir en mí sus conocimientos y
experiencias profesionales, por ser modelo e inspiración para servir con esta profesión a mi
amado país.
A mi familia toda, a mis amistades, y a todos quienes siempre tuvieron fe en mi y me
supieron aportar positivamente en mi vida y apoyarme en el desarrollo de este proyecto.
EL AUTOR
VI
ÍNDICE GENERAL DEL PROYECTO INFORMÁTICO
Portada ……………………………………………………………………..… I
Certificación del Asesor ……………………………………………………………. II
Certificación de la Institución ……………………………………………………………. III
Declaración de la autoría del Proyecto …………………………………………… IV
Dedicatoria ……………………………………………………………………………… V
Agradecimiento ……………………………………………………………………… VI
Índice General ……………………………………………………………………… VII
Resumen Ejecutivo (Español e Inglés) ……………………………………………. VIII
CAPÍTULO I
INTRODUCCIÓN ……………………………………………………………….… 1
1.1. ANTECEDENTES ………………………………………………………….… 1
1.2. OBJETIVOS ………………………………………………………….. 3
1.2.1. Objetivo General ………………………………………………………...… 3
1.2.3. Objetivos Específicos ………….……………………………………………….… 3
1.3. METODOLOGÍA …………………………………………………………..… 4
1.3.1. Rational Unified Process …………………………………………………… 4
1.3.1.1. Fase de iniciación. …………………………………………………………… 4
1.3.1.2. Fase de elaboración. …………………………………………………………… 5
1.3.1.3. Fase de construcción …………………………………………………… 5
1.3.1.4. Fase de transición .…………………………………………………………… 5
1.33.1.5. Disciplina de Desarrollo .…………………………….………………………… 6
1.3.1.6. Disciplina de Soporte .…………………….………………………….… 6
1.4. RECURSOS ……………………………………………………………….…… 7
1.4.1. Recursos Técnicos ………………………………………………………….… 7
1.4.1.1. Hardware (Implantación Portal Web) ……………………………..……... 7
1.4.1.2. Software (Implantación Portal Web) …………………………………..... 8
1.4.1.3. Hardware (Desarrollo del Portal Web) ……….…………………………... 8
1.4.1.4. Software (Desarrollo del Portal Web) ……….…………………………... 9
1.4.2. Recursos Humanos ……………………………….…………………….…….. 10
1.4.2.1. Involucrados …………………………….…………………….……………….. 10
1.4.3. Recursos Económicos ……………………….……………………….………….. 11
1.4.3.1. Computadores Cliente …………………………….……………………… 11
1.4.3.2. Suministros Materiales …………………………………….……………... 12
1.4.3.3. Software …………………………………………………………………... 12
1.4.3.4. Servicios Básicos …….……………………………………………………... 13
1.4.3.5. Recursos Bibliográficos ….………………………………………………... 13
1.4.3.6. Resumen general de costos ………………………….………………………... 14
1.5. CRONOGRAMA ………………………………………..………….………. 15
CAPÍTULO II
PROPUESTA (METODOLOGÍA) ……………….……………………….…… 16
2.1. APLICACIÓN DE METODOLOGÍA RUP FASE INICIO
(DOCUMENTO VISION) …………………………..…………………………...…… 16
2.1.1. Introducción ……………………………………….…………………….…….. 16
2.1.1.1. Alcance …………………………………….…………………….……….. 16
2.1.1.2. Definiciones, Acrónimos y Abreviaciones …………………………….......….. 16
2.1.1.3. Referencias …………………………………………….…….……………….. 18
2.1.2. Posicionamiento ……………………………………..…………………….. 18
2.1.2.1. Oportunidad de Negocio ……………………………………….....………… 18
2.1.2.2. Sentencia que define el problema ………………………………………….… 19
2.1.2.3. Sentencia que define la posición del Producto ……………………………. 20
2.1.3. Descripción de Stakeholders (participantes en el proyecto) y usuarios …….. 20
2.1.3.1. Resumen de Stakeholders ……………………………………………...…….. 21
2.1.3.2. Resumen de Usuarios …………………………..……………………….. 22
2.1.3.3. Perfil de Stakeholders ……………………..…………………………….. 23
2.1.3.3.1. Desarrollador del Proyecto Informático …………………………....……… 23
2.1.3.3.2. Tutor …………………………………………………………....……… 23
2.1.4. Descripción global del producto …………………………………..……….. 24
2.1.4.1. Perspectiva del Proyecto …………………………………………….…….. 24
2.1.4.2. Resumen de características ………………………………………………….. 24
2.1.4.3. Restricciones ………………………………….………………………..………. 25
2.1.4.4. Otros requisitos del producto ……………………………………………. 25
2.1.4.4.1. Requisitos del sistema ……………………………………………………. 25
2.1.4.4.2. Requisitos de acceso multiusuario ……………………………………………. 26
2.1.4.4.3. Requisitos de entorno ………………………………….………………… 26
2.1.4.4.4. Requisitos de documentación ……………………………………………. 26
2.1.4.5. Manual de usuario y técnico ……………………………………………………. 26
2.1.5. Especificación de casos de uso 20% ………………….…………………..……. 27
2.1.5.1. Gerente …………………………………………………………………… 27
2.1.5.2. Clientes …………………………………………………………………… 28
2.1.5.3. Secretaria …………………………………………………………………… 29
2.1.5.4. Técnico Encargado …………………………………………………………… 30
2.1.6. Análisis de riesgos …………………………………………………………... 31
2.1.6.1. Tabla de riesgos ………………………………………………………….. 31
2.1.6.2. Niveles de riesgo ………………………………………………………….. 33
2.1.6.3. Amenazas de seguridad ………………………………………………….. 34
2.1.6.4. Tipos de usuarios del sistema ………………………………………….. 36
2.2. FASE DE ELABORACIÓN ………………………………………………..…… 37
2.2.1. Casos de uso 100% …………………………………………………..……….. 37
2.2.1.1. Caso de uso gerente …………………………………………………….…….. 37
2.2.1.2. Caso de uso cliente ………………………………..………………………….. 38
2.2.1.3. Caso de uso secretaria ………………………………………….……….. 39
2.2.1.4. Caso de uso técnico encargado ………………………………………….... 41
2.2.2. Diseño ………………………….……………………………………………….. 42
2.2.2.1. Diseño de la base de datos …………………………..……………….……… 42
2.2.2.1.1. Explicación de las tablas de la base de datos. …………………………… 45
2.2.3. Diseño de entradas ………………………………………………….………. 46
2.2.3.1. Modelo de pantalla ingreso administrador ………………..…………….….. 46
2.2.3.2. Modelo de pantalla menú ………………………….………………………. 47
2.2.3.3. Modelo de pantalla registro de usuarios ………………….………………. 48
2.2.3.4. Modelo de pantalla ingreso nuevo producto …………………….………. 48
2.2.3.5. Modelo de pantalla entrada datos del cliente …………………………. 49
2.2.4. Diseño de salidas ……………………………….………………………… 50
2.2.4.1 Modelo de pantalla de error ………………………………………….……… 50
2.2.4.2. Modelo de pantallas de reportes ………………………………….……… 50
2.2.4.3. Modelo de pantalla facturación ……………………………..………… 52
2.2.4.4. Modelo de pantalla detalle ………………………….…………………… 53
2.3. FASE DE CONSTRUCCIÓN ……………………………………………….. 53
2.3.1. Propósitos ………………………………………………………………. 53
2.3.2. Principales scripts utilizados en el desarrollo de la aplicación (los principales)…. 54
2.3.2.1. Código de la conexión a la base de datos ……………………….………. 54
2.3.2.2. Código para insertar nuevos datos ………………………………….……. 55
2.3.2.3. Código para eliminar datos …………….………………….………….…. 56
2.3.2.4. Código para modificar datos …………….……………………………..…. 56
2.3.1.5. Código para buscar datos …………….…………………………….…. 57
2.3.1.6. Código para enviar datos a pdf ………….………..…………..….…. 58
2.3.1.7. Código para limpiar pantalla ….……….……….………….……….. 61
2.4. FASE DE TRANSICIÓN ……………………………………..…………. 62
2.4.1 Manuales de usuario ………………………………………………………. 62
2.4.2 Capacitación ……………………………………………….……..…………. 62
2.4.2.1 Costo Total de Capacitación (CTC) ………………………………….……… 63
2.4.3 Ayuda en línea ………………………………………………………….………. 64
2.5. PRUEBAS DE SOFTWARE ………………………………………….………. 65
2.5.1. Características de factores de evaluación …………………………..………. 66
2.5.1.1. Fiabilidad …………………………………………………………………… 66
2.5.1.2. Eficiencia …………………………………………………………………… 66
2.5.1.3. Integridad ……………………………………………………..…………… 66
2.5.1.4. Facilidad de uso …………………………………………………..……… 67
2.5.1.5. Facilidad de mantenimiento …………………………………………………… 67
2.5.1.6. Facilidad de prueba ……………………………………………………..…… 67
2.5.1.7. Flexibilidad ……………………………………………………….………… 67
2.5.1.8. Portabilidad ………………………………………………………..………… 68
2.5.1.9. Reusabilidad ………………………………………………………..………… 68
2.5.1.10. Interoperabilidad ………………………….……………………..………… 68
2.5.2. Primera Prueba de la Aplicación Web ….……………………………..………… 69
2.5.2.1. Prueba de Ingreso de Datos Usuario (Navegante) …………………..………… 69
2.5.2.2. Prueba de Ingreso de Datos Novedades (Administrador) …………..………… 69
2.5.2.3. Prueba de Ingreso de Imágenes en Productos (Administrador) …………..… 70
2.5.2.4. Prueba de Ingreso de Datos del Cliente (Administrador) …………..………… 70
2.5.2.5. Prueba de Ingreso de Datos en las Tablas de la BDD (Administrador) …… 71
2.5.2.6. Prueba obtener Respaldo de la BDD (Administrador) …………..………… 71
2.5.2.7. Prueba obtener Reportes (Administrador) …………..………………………… 72
2.5.3. Resultados parciales …………………………………..………………………… 72
2.5.4. Segunda Prueba de la Aplicación Web …………………………………….. 74
2.5.4.1. Ficha de evaluación del Portal Web …..…………..……………………..…….. 74
2.5.4. Cuadro de resultados …………………………………………………………… 78
2.5.5. Análisis de Resultados de las Pruebas …………………………………………… 79
CAPÍTULO III
ESTUDIO DE VIABILIDAD ……………………………………………….... 81
3.1. VIABILIDAD TÉCNICA ………………………………………………..…… 81
3.2. VIABILIDAD OPERATIVA …………………………..…………………..…… 81
3.3. VIABILIDAD ECONÓMICA …………………………………..…………..…… 82
CAPÍTULO IV
DOCUMENTACIÓN ………………………………………………………….. 83
4.1. MANUAL DE USUARIO ………………………………………………..… 83
4.1.1. Requerimientos del Sistema ……………………………………………….…. 83
4.1.1.1. Hardware ………………………………………………………………….. 83
4.1.1.2. Software ………………………………………………………………….. 84
4.1.1.2.1. Requisitos de instalación ………………………………………………….. 84
4.1.2. Instalación ………………………………………………………………….. 85
4.1.2.1. Instalación de Appserv (Apache, PHP y MySQL, PhpMyAdmin) …………. 86
4.1.2.2. Instalación de la aplicación ………………………………………….…….. 91
4.1.2.3. Instalación de la base de datos ….……………………..……….…….. 92
4.1.2.4. Instalación en servidor remoto ….……………………………….….. 93
4.1.3. Manejo de la aplicación …………………………………….………… 93
4.1.3.1. Módulo cliente …….………………………………………………… 93
4.1.3.1.1. Inicio ……...…………………………………………………….… 93
4.1.3.1.2. Selección de Productos …………………………………………….… 94
4.1.3.1.3. Carrito de compras ………………………………………….…………… 95
4.1.3.1.4. Registro de nuevo usuario …………………………………….………… 95
4.1.3.1.5. Pedido realizado ………………………………….…………… 96
4.1.3.2. Módulo administrador ……………………………………………… 97
4.1.3.2.1. Verificación de usuario ………………………………………………… 97
4.1.3.2.2. Menú de administración .………………………………………………… 97
4.1.3.2.3. Usuarios ……………………….……………………………………..… 98
4.1.3.2.4. Nuevo usuario ……………….…………………………..………….… 99
4.1.3.2.5. Reporte usuarios ……….……………………………..………… 99
4.1.3.2.6. Categoría de productos .…………………………………......... 100
4.1.3.2.7. Reporte categoría de productos .……………………………………..… 101
4.1.3.2.8. Marcas ……………………….……………………………………..… 101
4.1.3.2.9. Nueva marca ……………….………………………..…………….… 102
4.1.3.2.10. Reporte marcas ……….………………………………..…………….… 102
4.1.3.2.11. Productos ……………….…………………………………..………….… 103
4.1.3.2.12. Nuevo producto ……….………………………………………… 104
4.1.3.2.13. Reporte productos …………………………………………………… 104
4.1.3.2.14. Servicios ……………………………………………………….... 104
4.1.3.2.15. Nuevo servicio ………………………………………..……………….. 105
4.1.3.2.16. Reporte servicios …………………………………………………………. 105
4.1.3.2.17. Clientes …………………………………………………………. 106
4.1.3.2.18. Nuevo cliente …………………………………………………..…….. 106
4.1.3.2.19. Reporte clientes ……………………………………………………….… 107
4.1.3.2.20. Preguntas frecuentes de clientes F.A.Q ………………………………….. 107
4.1.3.2.21. Reporte preguntas frecuentes de clientes F.A.Q ………………………..…. 108
4.1.3.2.22. Revisar pedidos ………………………………………………………..…. 108
4.1.3.2.23. Ver pedido ………………………………………………………….…. 109
4.2. MANUAL TÉCNICO ………………………………………………….……..… 110
4.2.1. Arquitectura de la aplicación web …………………………………………. 110
4.2.1.1. Capa cliente ……………………………………………………..……….…. 110
4.2.1.2. Capa lógica de negocio …………………………………………………. 111
4.2.1.3. Capa datos …………………………………………………………………. 112
4.2.1.4. Módulos del programa ………………………………………….………. 113
4.2.2. Tecnologías y herramientas ………………………………………………….. 113
4.2.2.1. Tecnologías utilizadas para el desarrollo de la aplicación web ………….. 113
4.2.2.2. Herramientas …………………………………………………………….…… 114
4.2.2.3. Sistemas operativos en los que se desarrollo la aplicación …………….…… 115
4.2.2.3.1. Windows 7 ……………………………………………………...…. 115
4.2.2.3.2. Linux ……………………………………………………………...…. 115
4.2.2.4. Herramientas CASE ……………………………………………………...…. 116
4.2.2.4.1. Rational Rose …………………………………………………………. 116
4.2.2.4.2. Power Designer …………………………………………………………. 116
4.2.2.4.2.1. La herramienta líder en desarrollo empresarial ……………………...….. 116
4.2.2.5. Appserv 2.5.9 ……………………………………………………………. 117
4.2.2.6. Servidor web ………………………………………………………………. 118
4.2.2.6.1. Apache ………………………………………………………………. 118
4.2.2.7. Base de datos ………………………………………………………………. 118
4.2.2.7.1. MySQL ………………………………………………………………. 118
4.2.2.8. Lenguajes de programación ……………………………………….………. 119
4.2.2.8.1. PHP …………………………………………………..…………….……. 119
4.2.2.8.1.1. Ventajas de PHP …………………………………………..……….…. 120
4.2.2.8.1.2. JavaScript ……………………………………………..……….. 120
4.2.2.9. Herramienta de programación ………………………..………….…. 121
4.2.2.9.1. Macromedia Dreamweaver ……………………..……………….. 121
4.2.2.10. Diseño gráfico …………………………….……………………….. 121
4.2.2.10.1. Adobe Photoshop CS3 ……………………………………..........….. 121
4.2.2.10.2. Flash CS3 …………………………………….......………..........…….. 122
4.2.2.10.3. Fireworks CS3 …………………………......……………….. 123
4.2.2.10.4. Windows Media Maker ……………………………………..……….. 124
CAPÍTULO V
CONCLUSIONES Y RECOMENDACIONES …………………………......….. 126
5.1. CONCLUSIONES ………………………………………......….. 126
5.2. RECOMENDACIONES ………………………………………...……… 128
BIBLIOGRAFÍA.
LINKOGRAFÍAS.
ANEXOS.
ANEXO 1. GUÍA DE LA ENTREVISTA
ANEXO 2. ENTREVISTA
ÍNDICE DE TABLAS, POR CAPÍTULOS
CAPÍTULO
I
Tabla 1.1 Recursos Hardware recomendado 8
Tabla 1.2 Recursos Software recomendado 8
Tabla 1.3. Hardware (Desarrollo de Portal Web) 9
Tabla 1.4. Software (Desarrollo de Portal Web) 9
Tabla 1.5. Recursos Humanos Involucrados 10
Tabla 1.6. Recursos económicos computadores cliente 11
Tabla 1.7. Recursos económicos suministros / materiales 12
Tabla 1.8. Recursos económicos software 12
Tabla 1.9. Recursos económicos servicios básicos 13
Tabla 1.10. Recursos económicos recursos bibliográficos 13
Tabla 1.11. Recursos económicos resumen general de costos 14
CAPÍTULO
II
Tabla 2.1. Sentencia que define el problema 19
Tabla 2.2. Sentencia que define la posición del producto 20
Tabla 2.3. Resumen de stakeholders 21
Tabla 2.4. Resumen de usuarios 22
Tabla 2.5. Perfil de Stakeholders – Desarrollador del Proyecto Informático 23
Tabla 2.6. Perfil de Stakeholders – Tutor. 24
Tabla 2.7. Resumen de características del sistema 25
Tabla 2.8. Tabla de Riesgos 32
Tabla 2.9. Niveles de Riesgos 34
Tabla 2.10. Amenazas de seguridad 35
Tabla 2.11. Tabla de Tipos de Usuarios del sistema 36
Tabla 2.12. Caso de Uso al 100%, descripción Gerente 38
Tabla 2.13. Caso de Uso al 100%, descripción Cliente 39
Tabla 2.14. Caso de Uso al 100%, descripción Secretaria 40
Tabla 2.15. Caso de Uso al 100%, descripción Técnico encargado 42
Tabla 2.16. Prueba Ingreso de Datos de Usuario (Navegante). 69
Tabla 2.17. Prueba Ingreso de Datos Novedades (Administrador). 69
Tabla 2.18. Prueba Ingreso de Imágenes en Productos (Administrador). 70
Tabla 2.19. Prueba Ingreso de Datos del Cliente (Administrador). 70
Tabla 2.20. Prueba Ingreso de Datos en las Tablas de la BDD (Administrador). 71
Tabla 2.21. Prueba Sacar Respaldo de la BDD (Administrador). 71
Tabla 2.22. Prueba Sacar Reportes (Administrador). 72
Tabla 2.23. Resultados parciales. 73
Tabla 2.24. Ficha Evaluación. 78
Tabla 2.25. Cuadro de resultados 79
CAPÍTULO
III
Ninguna Tabla e Ilustración
CAPÍTULO
IV
Tabla 4.1. Hardware 83
Tabla 4.2. Requisitos de Instalación 84
Tabla 4.3 Carpetas y contenidos del archivo zip desempaquetado 86
Tabla 4.4 Módulos del programa 112
Tabla 4.5 Tecnologías utilizadas para el desarrollo de la aplicación web 113
ANEXOS
Tabla 1. Resultados pregunta Nº 1 147
Tabla 2. Resultados pregunta Nº 2 149
Tabla 3. Resultados pregunta Nº 3 151
Tabla 4. Resultados pregunta Nº 4 153
Tabla 5. Resultados pregunta Nº 5 155
Tabla 6. Resultados pregunta Nº 6 157
Tabla 7. Resultados pregunta Nº 7 159
Tabla 8. Resultados pregunta Nº 8 161
Tabla 9. Resultados pregunta Nº 9 163
Tabla 10. Resultados pregunta Nº 10 165
ÍNDICE DE ILUSTRACIONES, POR CAPÍTULOS
CAPÍTULO I
Ilustración 1.1. Cronograma de Actividades. 15
Ilustración 1.2. Funcionamiento de PHP 17
CAPÍTULO II
Ilustración 2.1 Caso de Uso al 20%, Gerente 27
Ilustración 2.2 Caso de Uso al 20%, Clientes 28
Ilustración 2.3 Caso de Uso al 20%, Secretaria 29
Ilustración 2.4 Caso de Uso al 20%, Técnico Encargado 30
Ilustración 2.5 Caso de Uso al 100%, Gerente 37
Ilustración 2.6 Caso de Uso al 100%, Cliente 38
Ilustración 2.7 Caso de Uso al 100%, Secretaria 39
Ilustración 2.8 Caso de Uso al 100%, Técnico encargado 41
Ilustración 2.9 Diagrama Físico de la base de datos 44
Ilustración 2.10 Modelo de pantalla ingreso administrador 46
Ilustración 2.11 Modelo de pantalla de menú. 47
Ilustración 2.12 Modelo de pantalla registro de usuarios 48
Ilustración 2.13 Modelo de pantalla ingreso nuevo producto 48
Ilustración 2.14 Modelo de pantalla entrada datos del cliente. 49
Ilustración 2.15 Modelo de pantalla de error. 50
Ilustración 2.16 Modelo de pantalla reportes. 50
Ilustración 2.17 Modelo de reporte factura 51
Ilustración 2.18 Resultado Impreso de reporte factura 52
Ilustración 2.19 Modelo de pantalla facturación 52
Ilustración 2.20 Modelo de pantalla detalle 53
Ilustración 2.21 Modelo de pantalla manuales 62
Ilustración 2.22 Modelo de pantalla capacitación 64
Ilustración 2.23 Modelo de pantalla Ayuda en Línea 65
CAPÍTULO III
Ninguna Ilustración
CAPÍTULO IV
Ilustración 4.1. Archivo zip con la aplicación 85
Ilustración 4.2. Archivo zip de la aplicación desempaquetado 85
Ilustración 4.3. Modelo de pantalla como instalar Appserv. 86
Ilustración 4.4. Modelo de pantalla setup wizard Appserv. 87
Ilustración 4.5. Modelo de pantalla license agreement Appserv 87
Ilustración 4.6. Modelo de pantalla choose install location Appserv. 88
Ilustración 4.7. Modelo de pantalla select components Appserv. 89
Ilustración 4.8. Modelo de pantalla apache http server information Appserv 89
Ilustración 4.9. Modelo de pantalla MySQL Server configuration Appserv. 89
Ilustración 4.10. Modelo de pantalla installing Appserv 90
Ilustración 4.11. Modelo de pantalla completing setup Appserv. 90
Ilustración 4.12. Modelo de pantalla carpeta implementación. 91
Ilustración 4.13. Modelo de pantalla carpeta base de datos. 92
Ilustración 4.14. Modelo de pantalla restaurar script base de datos. 92
Ilustración 4.15. Página de Inicio. 94
Ilustración 4.16. Selección de productos 94
Ilustración 4.17. Carrito de compras 95
Ilustración 4.18. Registro de nuevo usuario 95
Ilustración 4.19. Pedido realizado 96
Ilustración 4.20. Verificación de usuario 97
Ilustración 4.21. Menú de administración 97
Ilustración 4.22. Opción usuarios. 98
Ilustración 4.23. Opción nuevo usuario. 99
Ilustración 4.24. Opción reporte de usuarios 99
Ilustración 4.25. Opción categoría de productos 100
Ilustración 4.26. Opción reporte categoría de productos 100
Ilustración 4.27. Opción marcas 101
Ilustración 4.28. Opción nuevas marcas 101
Ilustración 4.29. Opción reporte marcas 102
Ilustración 4.30. Opción productos 102
Ilustración 4.31. Opción nuevos productos 103
Ilustración 4.32. Opción reporte productos 103
Ilustración 4.33. Opción servicios 104
Ilustración 4.34. Opción nuevos servicio 104
Ilustración 4.35. Opción reporte servicios 105
Ilustración 4.36. Opción clientes 105
Ilustración 4.37. Opción nuevo cliente 106
Ilustración 4.38 Opción reporte clientes 106
Ilustración 4.39 Opción preguntas frecuentes de clientes F.A.Q. 107
Ilustración 4.40 Opción reporte preguntas 107
Ilustración 4.41 Opción revisar pedidos 108
Ilustración 4.42 Opción detalle pedido 108
Ilustración 4.43 Programación por capas. 109
Ilustración 4.44 Modelo de Pantallas Capa Diseño 110
Ilustración 4.45 Modelo de Pantallas Capa Código 111
ANEXOS
Gráfico 1. Resultados pregunta Nº 1 148
Gráfico 2. Resultados pregunta Nº 2 150
Gráfico 3. Resultados pregunta Nº 3 151
Gráfico 4. Resultados pregunta Nº 4 154
Gráfico 5. Resultados pregunta Nº 5 156
Gráfico 6. Resultados pregunta Nº 6 158
Gráfico 7. Resultados pregunta Nº 7 159
Gráfico 8. Resultados pregunta Nº 8 162
Gráfico 9. Resultados pregunta Nº 9 164
Gráfico 10. Resultados pregunta Nº 10 166
RESUMEN EJECUTIVO
El Servicio al Cliente mediante un Catálogo en línea de productos disponibles, para entrega
inmediata, presenta grandes beneficios; ya que en la actualidad la importancia del comercio
electrónico, webstore, se realiza mediante transferencias bancarias, está creciendo
vertiginosamente por el uso masivo del Internet que hoy en día se ha convertido en una
herramienta moderna para el desarrollo de las empresas.
La moderna metodología de desarrollo de software que se utilizó, se encuentra alineada con
estándares UML / RUP, que constituye una de las metodologías más utilizadas para el
desarrollo, implementación y documentación de sistemas informáticos para la obtención de un
producto de calidad.
En la metodología RUP se puede ver la evolución del software en 4 Fases (Inicio,
Elaboración; Construcción, Transición), estas establecen objetivos a alcanzar bien definidos,
estas fases las abordamos a continuación:
Se realizó el documento de visión el cual contiene la declaración del alcance y dimensión del
proyecto, se determinó y tomó en cuenta los participantes y sus requerimientos para así
encontrar un balance que satisfaga los deseos de todos, luego se hizo una valoración de la
viabilidad del proyecto, para esto se aplicaron varias técnicas de investigación como:
encuestas, entrevistas, y cuestionarios, además de la observación de la forma de trabajar
existente en la organización, una vez recopilada y ordenada la información fue sometida a un
análisis, del cual se muestran los gráficos estadísticos, tablas e interpretación respectivas para
determinar y adaptarse a las características propias del proyecto u organización, se desarrollo
los casos de uso en un 20% .
VIII
Luego de entender el problema se realizó el diseño de la arquitectura del sistema y el diseño
de la solución técnica, así como determinar el plan del proyecto e identificar los riesgos
fundamentales del mismo, el modelo de requisitos del sistema empleando los diagramas de
casos de uso anteriormente citados en la Fase de Inicio, con su respectiva descripción, luego
de la fase de inicio se selecciono la tecnología y las herramientas a utilizar, lenguajes de
programación más adecuados a ser utilizadas, para el desarrollo de esta aplicación online,
como: Diseño de la Base de Datos en Power Designer versión 12, Base de Datos en MySQL
Database Versión 5.0.45 I, Desarrollo de la aplicación en Dreamweaver MX 2008, Menús
Fireworks MX 2008, Animaciones en Flash Macromedia Versión 8, Servidor de Pruebas
Apache Web Server Versión 2.2.8
Sobre la viabilidad y recursos, la organización dispone de todos los medios en hardware y
software necesarios para este desarrollo, e incluso la organización se presta dispuesta a
adquirir de forma inmediata cualquier software o hardware adicional si el caso así lo requiere.
Se realizó el diseño de los componentes y de manera iterativa se fueron añadiendo las
funcionalidades al software a medida que se construía y probaba, permitiendo a la vez que se
puedan ir incorporando cambios.
Los principales beneficiarios de la aplicación son la empresa y los clientes que obtienen
información ordenada y actualizada, rapidez en las consultas, presión en los cálculos, mejor
presentación de la información, además procesamiento de la información y resultados como:
inventario de adquisición de productos, inventario de productos en existencia, listado de
productos con precios actualizados, listado al día de los deudores, listado de precios de los
proveedores, otro de los beneficios, es saber exactamente cuánto se gana y cuanto se invierte.
EXECUTIVE SUMMARY
Customer Service via an online catalog of products available for immediate delivery, has
great benefits, because now the importance of electronic commerce, webstore, is made
through bank transfers, is growing rapidly by the massive use of internet today has become a
modern tool for business development.
Modern software development methodology that was used is in line with standard UML /
RUP, which is one of the methodologies used for development, implementation and
documentation of computer systems to obtain a quality product.
In the RUP can see the evolution of software in 4 Phases (Home, Development, Construction,
Transition), these set targets to achieve well-defined, these phases we address below:
We performed the vision document which contains the statement of scope and scale of the
project was determined and considered participants and their requirements in order to find a
balance that meets everyone's desires, then made an assessment of the viability of project, this
research applied various techniques such as surveys, interviews, and questionnaires, and
observation of how people work within the organization, once collected and sorted the data
were subjected to analysis, which shows statistical graphics, tables and interpretation, to
enable them to identify and adapt to the characteristics of the project or organization, are
developing the use cases by 20%.
After understanding the problem was the design of system architecture and technical solution
design and determine the project plan and identify key risks of the same, the model of the
system requirements using use case diagrams previously mentioned in the Inception Phase,
with their respective description, after the initial phase was selected the technology and tools
to use, appropriate programming languages to be used for the development of this online
application, such as: Design Database in Power Designer Version 12, Database MySQL
Database Version 5.0.45 I, Application Development in Dreamweaver MX 2008, Fireworks
MX Menus 2008, Macromedia Flash animations Version 8 Test Server Apache Web Server
Version 2.2.8
On the feasibility and resources, the organization has all the hardware and software resources
needed for such development, and even the organization is willing to pay immediately acquire
any additional hardware or software if the case so requires.
We performed design and iteratively components were added to the software functionality as
it is built and tested, while allowing it to keep on incorporating changes.
The main beneficiaries of the application are the company and the customers get organized
and updated information, quick queries, pressure in the calculations, better reporting, as well
as information processing and results such as inventory procurement of goods, inventory of
existing products, product list with prices updated daily list of debtors, price list of suppliers,
another benefit is knowing exactly how much you earn and how much is invested.
CAPÍTULO I
INTRODUCCIÓN
1.1. ANTECEDENTES
Hoy en día, Internet se ha convertido en un gran mercado global, donde se puede comprar y
vender, donde los proyectos más insólitos tienen cabida y donde casi todo es posible. Pero
muy especialmente la World Wide Web es un espacio abierto donde cualquier emprendedor
con un poco de imaginación, algo de dinero, mucho entusiasmo y ganas de trabajar, puede
establecer su negocio para vender productos o servicios en cualquier lugar del mundo.
A nivel regional existen muchas empresas que tienen sus aplicaciones en Internet y las que
no, están en proceso de migración hacia el Internet, ya que es un mercado recientemente
explorado y explotado, en Ecuador ya existen miles de sitios Web, es una tendencia a la que
quieran o no tendrán que migrar la mayoría de empresas que desean comercializar de manera
internacional, intercambio de tecnologías.
En la ciudad de Ibarra se halla ubicada la Empresa O.P.C, dedicada a todo lo relacionado con la
informática como capacitación, servicio técnico, asesoramiento y venta de computadores en el norte
del país desde 1989.
La empresa OPC, realiza la impresión de facturas, almacenamiento de datos de proveedores y
clientes, catalogo de los productos disponibles todo esto en varios archivos de Excel 97, los
cuales constantemente se pierden, se dañan, ocasionando que nuevamente se los realice, todos
estos inconvenientes, ocasionan que al desear realizar una nueva factura, se tenga que hacer
coincidir, la impresión con la hoja, regular, márgenes entre otras situaciones preguntar de
nuevo los datos al cliente, precios de los productos, todo esto ocasiona una molestia en el
proceso de ventas. Actualmente, la empresa al tener clientes de varios lugares del norte del
país, muchos tienen internet, pero tienen que movilizarse, hasta el lugar de la empresa, para
consultar precios, o solicitar listados de precios, los clientes también realizan llamadas
telefónicas para consultar los precios y la disponibilidad de los productos, o para solicitar se
les envié por correo el listado en Excel.
Es así que se ha decidido implantar la Aplicación Web como otra forma de atender a los
clientes que tienen internet y desean conocer las promociones y precios de los productos, así
los clientes que viven lejos se ahorran, el viaje, pasajes, tiempo, etc. Los clientes que realizan
llamadas telefónicas solicitando precios o listados, cómodamente tienen esta opción de
consultar desde Internet. El vendedor, se beneficia, al ahorrar tiempo contestando llamadas,
enviando listados de precios por Internet, hora cuenta con una base de datos en la cual puede
ir ingresando los datos de productos, proveedores y clientes, la cual únicamente necesitara ser
actualizada con el tiempo, y guardar los respectivos respaldos.
La Empresa OPC ante la creciente demanda de sus servicios y productos, se ha caracterizado
por ser líder y pionera en el área tecnología en la Provincia de Imbabura, en sus comienzos
empezó, brindando el servicio de alquiler de computadores y capacitación, actualmente
desarrolla tecnología electrónica y aplicaciones para impresoras, al ser así la empresa en vista
de la continua demanda de productos, pondrá a disposición de la ciudadanía en general la
Aplicación Web que permitirá promocionar para vender más y dar a conocer la cantidad de
servicios y productos ofrecidos.
1.2. OBJETIVOS
1.2.1. Objetivo General
Implantar la Solución Web para la gestión informática en la Empresa distribuidora de software y
hardware O.P.C. mediante la cual se incremente las ventas a través del comercio electrónico, llegué
la publicidad de los productos a los clientes, y puedan consultar información sobre nuestros servicios
y productos desde Internet.
1.2.2. Objetivos Específicos
Diagnosticar el servicio al cliente de la institución y sus requerimientos, recopilar, examinar y
formular los requisitos de la institución y examinar cualquier restricción que se pueda aplicar
para las compras en línea.
Diseñar las pantallas de Entrada y Salida, la Base de Datos, el cronograma de trabajo,
cumpliendo los requisitos del cliente, definir el funcionamiento de la aplicación web,
aplicando la Metodología R.U.P, identificando los casos de uso, los actores, que se usarán de
guía para el diseño de la aplicación.
Desarrollar la aplicación utilizando un lenguaje de programación para crear las funciones
definidas durante la etapa de diseño. En Lenguaje PHP, JavaScript y HTML. Documentar: la
información necesaria para los usuarios del software y para desarrollos futuros. Manuales
técnicos y de Usuario.
Validar la propuesta realizando pruebas en la Intranet de la Empresa y desde Internet para
garantizar el funcionamiento correcto de la aplicación y cumpla con los requerimientos de los
usuarios.
1.3. METODOLOGÍA
Se utilizará la metodología RUP por ser estándar y utilizada para el análisis, implementación y
documentación de sistemas, por ser utilizada por muchos desarrolladores de software profesionales.
1.3.1. Rational Unified Process
La metodología RUP, llamada así por sus siglas en inglés Rational Unified Process, divide en 4
fases el desarrollo del software:
1.3.1.1. Fase de iniciación.
En la cual se inicia con el modelado de negocio, requerimientos, análisis y definición del
esquema de proyectos (para el cual es posible utilizar Microsoft Solution Framework o la misma
definición de proyectos del RUP).
1.3.1.2. Fase de elaboración
En la cual se realizan labores de arquitectura del sistema y depuración de requerimientos, así
también como la preparación del entorno de trabajo.
1.3.1.3. Fase de construcción
Se procede a la construcción del software, incrementando el foco sobre labores carpinteras
como la programación, pruebas y configuración.
1.3.1.4. Fase de transición
En la cual se procede a finalizar el producto. Lo más importante a señalar es el uso de
iteraciones sobre cada una de las fases. Estas iteraciones son como pequeños módulos que
pretenden establecer el proyecto en términos de varios entregables (cada entregable o fin de
iteración es un milestone). Por iteración entendemos un proceso que consta de las siguientes etapas:
análisis, diseño de la solución, implementación y transición, la cual prepara el entregable actual para
iniciar con la siguiente etapa. Esto ayuda mucho en el control de proyectos de gran tamaño, ya que
nos permite fraccionar el proyecto en iteraciones que son más fáciles de controlar y por ende
aumenta la probabilidad de cumplir con el triple-constraint (alcance-tiempo y costo) del proyecto.
Cada una de estas etapas es desarrollada mediante el ciclo de iteraciones, la cual consiste en
reproducir el ciclo de vida en cascada a menor escala. Los Objetivos de una iteración se establecen en
función de la evaluación de las iteraciones precedentes.
Vale mencionar que el ciclo de vida que se desarrolla por cada iteración, es llevada bajo dos
disciplinas:
1.3.1.5. Disciplina de Desarrollo.
- Ingeniería de Negocios: Entendiendo las necesidades del negocio.
- Requerimientos: Trasladando las necesidades del negocio a un sistema automatizado.
- Análisis y Diseño: Trasladando los requerimientos dentro de la arquitectura de software.
- Implementación: Creando software que se ajuste a la arquitectura y que tenga el comportamiento
deseado.
- Pruebas: Asegurándose que el comportamiento requerido es el correcto y que todo lo solicitado
está presente.
1.3.1.6. Disciplina de Soporte.
- Configuración y administración del cambio:
Guardando todas las versiones del proyecto.
- Administrando el proyecto:
Administrando horarios y recursos.
- Ambiente:
Administrando el ambiente de desarrollo.
- Distribución:
Hacer todo lo necesario para la salida del proyecto.
Es recomendable que a cada una de estas iteraciones se les clasifique y ordene según su
prioridad, y que cada una se convierte luego en un entregable al cliente. Esto trae como
beneficio la retroalimentación que se tendría en cada entregable o en cada iteración.
1.4. RECURSOS
1.4.1. Recursos técnicos
A continuación se detallan los recursos mínimos recomendables tanto de software
como de hardware para que la aplicación se ejecute de manera eficiente.
Los requerimientos mínimos para el desarrollo de la aplicación son:
1.4.1.1. Hardware (implantación portal web)
CANTIDAD DESCRIPCIÓN
1 Computador Pentium IV con procesador Intel de 2 GHz, 256 Mb
en RAM con 40GB de Disco duro.
(Para maquinas Clientes)
1 Computador Pentium IV con procesador Intel de 2 GHz, 1 GB en
RAM con 200Gb de Disco duro.
(Para máquina Servidor)
1 Impresora Epson LX300
1 Conexión a Internet
1 Cableado Estructurado
1 Router ADSL smartAX m840
* Recursos técnicos que dispone la empresa.
Tabla 1.1 Recursos hardware recomendado. Fuente: Autor
1.4.1.2. Software (implantación portal web)
* Software comprobado.
Tabla 1.2. Recursos software recomendado. Fuente: Autor
1.4.1.3. Hardware (desarrollo de portal web)
Navegador de Internet:
Internet Explorer v.5 (*)
Mozilla Firefox v. 2.0.0.9 (*)
Sistema Operativo:
Windows XP, Vista
Computador Pentium Intel IV, 3.33 GHz, 1 GB RAM, 80 GB DD
Monitor Toshiba 17”.
DVD Writer Samsung.
Tarjeta de video MSI 512 MB.
Teclado marca Genius (Español).
Mouse marca Genius.
* Características del hardware disponible para el desarrollo del Portal Web.
Tabla 1.3. Hardware (desarrollo de portal web). Fuente: Autor
1.4.1.4. Software (Desarrollo de Portal Web)
Tabla 1.4. Software (desarrollo de portal web). Fuente: Autor
1.4.2. Recursos Humanos
Memoria flash 2GB Kingston.
Impresora Samsung CPL-300.
Microsoft Windows XP
Microsoft Office 2007
AppServer 2.5.10 (Apache, MySQL, PHP).
Macromedia Dreamweaver CS4.
Adobe PhotoShop CS4.
Fireworks CS4.
La Aplicación Web en si solo necesitaría cada que lo requiera mantenimiento y actualización de
datos. Para lo cual un técnico en sistemas en caso de necesitar adicionar más módulos a la aplicación
y una secretaria que ingrese los nuevos listados de precios.
1.4.2.1. Involucrados
ROLES NOMBRES
Gerente
Investigador software y hardware.
Sr. Wilson Carranco Herrera
Secretaria Lcda. Diana Farinango Burbano
Subgerente
Contabilidad y Auditoria
Diseño Gráfico
Ing. Paola Carranco Vela
Investigador
Técnico Hardware y Programador Software
Tcnolg. Byron Carranco Vela
Usuarios Clientes de la Empresa y público en General.
Tabla 1.5. Recursos humanos involucrados. Fuente: Autor
1.4.3. Recursos Económicos
El desarrollo de un proyecto informático implica una inversión económica.
Para el desarrollo de nuestro Portal Web se detallan los siguientes costos:
1.4.3.1. Computadores Cliente
DESCRIPCIÓN CANT. P.UNITARIO P.TOTAL
Computador Intel Core 2 Duo, 2.4 GHz 4 $ 510 $ 510
Memoria RAM 1GB - - -
Disco duro 160 GB. - - -
MB VIA CHIP Intel 945 GC,V,S,L - - -
Monitor LCD 17" LG - - -
video, sonido, red, teclado, mouse, parlantes - - -
Regulador , floppy - - -
DvdWriter - - -
Impresora Epson LX300 1 - -
SUMAN $ 2040
Tabla 1.6. Recursos económicos computadores cliente.
* Equipo disponible por lo tanto es viable el proyecto.
1.4.3.2. Suministros/Materiales.
CANTIDAD DESCRIPCIÓN COSTO
4 Resmas de 100 Hojas Papel Bond 14
2 Cartucho Blanco y Negro HP 27 38
2 Cartucho Color HP 28 42
1 Hosting y Dominio / Anual 35
TOTAL 129
Tabla 1.7. Recursos económicos suministros / materiales. Fuente: Autor
1.4.3.3. Software
Se detalla el costo de las licencias del software a emplear.
DESCRIPCIÓN CANT. COSTO (DÓLARES)
- Microsoft Windows XP
- Microsoft Office XP 2007
- AppServer 2.5.9(Apache, MySQL, PHP).
- Macromedia Dreamweaver CS3.
- Adobe PhotoShop CS3.
1
1
1
1
1
120
50
Libre
128
400
TOTAL 698
Tabla 1.8. Recursos económicos software. Fuente: Autor
* Paquetes software con licencia adquirida por la Organización O.P.C y que por ende no
incrementarán el costo del presupuesto.
1.4.3.4. Materiales de Oficina
CANTIDAD DESCRIPCIÓN COSTO
4 Resma de Papel 12
1440 Impresiones 216
1 Anillado 5
4 Empastados 40
2 Cartuchos 60 HP 40
1 Internet 150
TOTAL 463
Tabla 1.9. Recursos económicos servicios básicos. Fuente: Autor
1.4.3.5. Recursos Bibliográficos
DESCRIPCIÓN PRECIO UNITARIO CANT. COSTO (DÓLARES)
- Tesis Desarrolladas
- Libros
- Revistas
- Diarios de información
-
15.00
3.25
0.40
-
5
5
10
-
75.00
16.25
4
TOTAL 92.45
Tabla 1.10. Recursos económicos recursos bibliográficos. Fuente: Autor
1.4.3.6. Resumen general de costos
DESCRIPCIÓN COSTOS TOTALES (DÓLARES)
- Hardware ( ya disponible sin
costos)
( ya disponible, sin costos) 2040.00
Software ( ya disponible sin costos) ( ya disponible, sin costos) 628.00
- Suministros / Materiales 129.00
- Materiales de Oficina 463.00
TOTAL 3260
IMPREVISTOS (10%) 326
TOTAL GENERAL 3586
Tabla 1.11. Recursos económicos resumen general de costos.
No es necesaria ninguna otra inversión en infraestructura o en tecnología de información. Así que el
costo total del proyecto está estimado en US$ 3586.
CAPÍTULO II
PROPUESTA (METODOLOGÍA)
La propuesta está desarrollada de acuerdo con la metodología RUP.
2.1. APLICACIÓN DE METODOLOGÍA RUP FASE INICIO
(DOCUMENTO VISION)
2.1.1. Introducción
2.1.1.1. Alcance
Este Portal Web para la gestión de comercialización y marketing desde su visión futurista planea
ofrecer a la Empresa O.P.C., con un diseño y desarrollo de soluciones integrales en Tecnología de la
región y una de las mejores en el ámbito local, fomentado en nuevas tecnologías.
El cliente ingresará a la aplicación en una interfaz amigable y entretenida, podrá verificar todos los
contenidos de dicha aplicación y observará un menú principal en el cual permitirá a los usuarios
dominar todo lo relativo a compras, proformas, facturas de acuerdo a la metodología de
comercialización - marketing de dicha Institución.
La realización de esta aplicación estará ajustada a los contenidos de comercialización – marketing de
la Empresa.
2.1.1.2. Definiciones, Acrónimos, y Abreviaciones
a) RUP: (Rational Unified Process en inglés, habitualmente resumido como RUP) es un
proceso de desarrollo de software que describe como utilizar de manera efectiva
procedimientos comerciales probados para el desarrollo moderno de software,
conocidos como “mejores practicas” y junto con el Lenguaje Unificado de Modelado
UML, constituye la metodología estándar más utilizada para el análisis,
implementación y documentación de sistemas orientados a objetos.
b) UML: Es un conjunto de herramientas, que permite modelar (analizar y diseñar) sistemas
orientados a objetos.
c) METODOLOGÍA: Se refiere a los métodos de investigación que se siguen para alcanzar una
gama de objetivos en una aplicación.
d) MULTIMEDIA: Es un término que se aplica a cualquier objeto que usa simultáneamente
diferentes formas de contenido informativo como texto, sonido, imágenes, animación y
video para informar o entretener al usuario.
e) PHP: Es un Software de autor de gran difusión en el ámbito de la programación de
aplicaciones para Web ampliamente usado, que goza de mucha popularidad debido a su
facilidad de uso y cero costo.
Ilustración 1.2. Funcionamiento del php. Fuente: www.desarrolloweb.com
2.1.1.3. Referencias
- Glosario.
- RUP (Proceso Unificado de Rational).
- Diagrama de casos de uso.
2.1.2. Posicionamiento
2.1.2.1. Oportunidad de negocio
Esta aplicación permitirá a la empresa contar con una herramienta de calidad para comercialización y
marketing vía web, realizando el ingreso de cada uno de los clientes, productos y proveedores lo cual
tendrá un sencillo y fácil manejo de acceso a los datos, gracias a interfaces gráficas sencillas y
amigables. Además, los datos accedidos estarán siempre actualizados, lo cual es un factor muy
importante para poder llevar un control minucioso de los registros e informes, estadísticas.
2.1.2.2. Sentencia que define el problema
El problema de Utilización de métodos tradicionales de Venta.
Necesaria actualización. Control de documentos
afecta a Gerente de la Empresa.
Los clientes.
Departamento de Ventas.
El impacto asociado es Almacena toda la información referente a la
Empresa, catálogo de productos, inventario,
compra de productos, pedidos y órdenes de compra
recibidas, y que esta información esté al instante
accesible y actualizada.
Una solución adecuada
sería
Informatizar los procesos, con la Aplicación de
comercialización y marketing, para llegar mejor a
los clientes, optimar la promoción y ventas.
Tabla 2.1. Sentencia que define el problema Fuente: Autor.
2.1.2.3. Sentencia que define la posición del Producto
para Jefe de almacén,
Usuarios de ventas de cada zona,
facturación,
Jefa de ventas.
quienes Controlan los pedidos, almacén (stock), las órdenes
de pedido y la facturación.
El nombre del producto Es una herramienta software se llama PYMSOFT.
(Software para la Pequeña y Mediana Empresa)
que Almacena la información necesaria para controlar
una empresa de Elaboración y distribución de
productos hardware y software de computación.
no como La gestión manual que se realiza actualmente, gestión
que conlleva a errores y retrasos
Nuestro producto Permite gestionar las distintas actividades de la
empresa mediante una interfaz gráfica sencilla y
amigable. Además proporciona un acceso rápido y
actualizado a la información desde cualquier punto
que tenga acceso a la base de datos.
Tabla 2.2. Sentencia que define la posición del Producto Fuente: Autor
2.1.3. Descripción de stakeholders (participantes en el proyecto) y usuarios
Para proveer de una forma efectiva una metodología que se ajusten a las necesidades de los
usuarios, es necesario identificar e involucrar a todos los participantes en el proyecto como
parte del proceso de modelado de requerimientos. También es necesario identificar a los
usuarios del sistema y asegurarse de que el conjunto de participantes en el proyecto los
representa adecuadamente. Esta sección muestra un perfil de los participantes y de los
usuarios involucrados en el proyecto, así como los requerimientos más importantes que éstos
observan para enfocar la solución propuesta hacia ellos.
2.1.3.1. Resumen de stakeholders
NOMBRE DESCRIPCIÓN RESPONSABILIDADES
Tcnlgo. Byron
Carranco.
Desarrollador del Proyecto
Informático.
El stakeholder realiza:
Seguimiento del desarrollo del
proyecto.
Funcionalidades del Sistemas
Implementación del Sistema.
Gerente
Encargado de la buena
gestión de la empresa, y
del control de los
documentos y pedidos que
salen del almacén.
Seguimiento del desarrollo del
proyecto.
Revisar cumplimiento normativas
empresa.
Ing. Marco Checa Tutor Aprueba requisitos y sugiere
funcionalidades.
Tabla 2.3. Resumen de Stakeholders Fuente: Autor.
2.1.3.2. Resumen de usuarios
NOMBRE DESCRIPCIÓN STAKEHOLDER
Clientes. Usuarios que ingresarán al Portal Web, para
revisar catálogos, realizar pedidos, preguntas.
Compradores
Administrador Intermediario del buen funcionamiento del
Portal Web de Ventas
Área de Atención al cliente y
Ventas
Guía de Contenidos
Metodologías de Marketing.
Gerente Dueño de la Organización, encargado de
supervisar su buen funcionamiento de la
empresa y de control de los documentos y
pedidos que salen de la empresa.
Seguimiento del desarrollo
del proyecto
Secretaria Encargada del Ingreso de datos, asistente de
oficina. Responsable de ventas del producto a
los clientes, a través del teléfono. Informa de
los precios y confecciona las órdenes de
pedido y de la facturación.
Ingreso de datos.
Dar a conocer las normativas
de la organización
Técnico Encargado de dar mantenimiento a las
aplicaciones y bases de datos
Encargado de sacar respaldo
BDD.
Mantenimiento de base de
datos
Tabla 2.4. Resumen de usuarios. Fuente: Autor
2.1.3.3. Perfil de los Stakeholders
2.1.3.3.1 Desarrollador del Proyecto Informático.
Representante Byron Wilson Carranco Vela
Descripción Desarrollador del Proyecto Informático
Tipo Tnglo. en Sistemas Computacionales
Responsabilidades Encargado del análisis de requerimientos, diseños de la interfaz.
Además, lleva a cabo un seguimiento y desarrollo del proyecto.
Realización de la aplicación web de comercialización y
marketing.
Criterio de Éxito Aceptación de los entregables generados en el proyecto.
Grado de participación Revisión de requerimientos, estructura del sistema
Tabla 2.5 Perfil de Stakeholders – Desarrollador del Proyecto Informático. Fuente: Autor
2.1.3.3.2 Tutor.
Representante Ing. Marco Checa
Descripción Tutor del proyecto
Tipo Ingeniero en Sistemas
Responsabilidades Lleva a cabo un seguimiento del desarrollo del proyecto y aprobación
de los requisitos y funcionalidades del sistema
Criterio de Éxito A definir por el cliente
Grado de participación Revisión de requerimientos, estructura de la aplicación y
documentación.
Comentarios Ninguno
Tabla 2.6 Perfil de Stakeholders – Tutor. Fuente: Autor
2.1.4. Descripción global del producto
2.1.4.1. Perspectiva del proyecto
El proyecto a desarrollar es una aplicación web de comercialización y marketing, para la
empresa OPC, con el objetivo de tener una alternativa para que los clientes puedan realizar
sus compras y consultar catálogos desde sus hogares.
2.1.4.2. Resumen de características
A continuación se mostrará un listado con los beneficios que obtendrá el cliente a partir del
producto:
BENEFICIO DEL CLIENTE CARACTERÍSTICAS QUE LO APOYAN
Métodos modernos para consultas y
compras.
Aplicación interactiva con el usuario.
Mayor facilidad para el control el área de
ventas.
Base de datos con acceso remoto controlar
ofertas y stock.
Mayor facilidad para el acceso de datos Base de datos
Participación en el proceso de ventas. Interactividad entre usuario y computador
Promociones y descuentos Actualizaciones diarias de contenidos.
Tabla 2.7 Resumen de características del sistema. Fuente: Autor
2.1.4.3. Restricciones
Para poder ingresar a la aplicación debe ingresar su nombre y clave de acceso, si no lo escribe
bien no ingresará al portal web, recordando que su nombre no será utilizado en ningún
momento, solo será para estadística de usuarios dentro de la aplicación.
2.1.4.4. Otros requisitos del producto
2.1.4.4.1. Requisitos de sistema
El usuario pone en conocimiento que el portal web tiene que:
Ser rápido al ingresar a realizar la consulta o compra.
Que tenga información veraz y segura.
Si se presenta más opciones se irá diciendo en el transcurso del desarrollo del proyecto.
2.1.4.4.2. Requisitos de acceso multiusuario
El portal web debe trabajar con varios usuarios a la vez sin falla alguna.
2.1.4.4.3. Requisitos de entorno
El usuario define estos requisitos de la siguiente manera:
Un computador que tenga el contrato del servicio de Internet para que su conexión sea rápida y no
costosa.
2.1.4.4.4. Requisitos de documentación
El usuario da a conocer que necesita que se le entregue manuales de usuario y manuales técnicos.
2.1.4.5. Manual de usuario y técnico
En el manual de usuario se encuentra paso a paso como se maneja cada pantalla y cada una de las
opciones.
El manual técnico constará de la descripción de cada una de las fases de la metodología que se sigue,
las tecnologías utilizadas.
Los dos manuales se encuentran detallados en el Capítulo IV.
2.1.5. ESPECIFICACION DE CASOS DE USO 20%
2.1.5.1. Gerente
Ilustración 2.1 Caso de Uso al 20%, Gerente. Fuente: Autor.
Descripción
Obtención de resúmenes.- Permite observar, resumen de visitantes, clientes, proveedores,
productos, pedidos, preguntas de clientes, trabajos, entidades financieras.
Preguntas Frecuentes.- permite revisar las preguntas que los clientes realizan consultando
sobre determinado producto y dar contestación a esas preguntas.
Revisión de sugerencias y comentarios.- permite revisar los comentarios realizados por los
clientes, y a la vez contestar.
Revisar reportes.- permite revisar detalladamente los datos de usuarios, categorías,
subcategorías, marcas, modelos, trabajos, preguntas, servicios, clientes, preguntas, pedidos,
productos, proveedores, compras, empresa, bancos, cuentas, pagos, estadísticas.
2.1.5.2. Clientes
Ilustración 2.2 Caso de Uso al 20%, Clientes. Fuente: Autor.
Descripción
Realizar pedidos y compras.- permite seleccionar productos, y añadirlos al carrito de compras,
para comprarlos, o simplemente saber cuanto costaría la compra de determinados productos,
el cliente tiene la opción de realizar el pedido, o solamente observar precios de productos.
Revisar cuenta de usuario.- permite al cliente modificar sus datos, observar sus pedidos realizados.
Obtener listados de precios y promociones.- permite al cliente realizar búsquedas de productos, por
rango de precios, por nombre, por categorías, subcategorías, marcas, modelo, además de observar
los productos que se encuentran en promoción o sugeridos por el vendedor.
2.1.5.3. Secretaria
Ilustración 2.3 Caso de Uso al 20%, Secretaria. Fuente: Autor.
Descripción
Ingreso de nuevos clientes.- permite ingresar los datos de los clientes, modificar y eliminar.
Ingreso de datos de nuevos productos.- permite ingresar datos de nuevos productos,
modificarlos y eliminarlos.
Actualizar listados de precios y promociones.- permite indicar que productos se encuentran en
promoción o sugeridos.
Consultar estado de pedidos, reportes.- permite consultar el estado en que se encuentran los
pedidos, si ya fueron atendidos, o todavía no, si están cancelados, entregados, permite
consultar por meses y años.
2.1.5.4. Técnico encargado
Ilustración 2.4 Caso de Uso al 20%, Técnico Encargado. Fuente: Autor.
Descripción
Obtención de reportes de funcionamiento.- permite al técnico, obtener un reporte de la
cantidad de visitantes al sitio, módulos más utilizados.
Adicionar nuevos módulos.- permite al técnico encargado adicionar nuevos módulos.
Mantenimiento de Base de datos.- permite sacar respaldos de la base de datos.
Modificar módulos.- permite cambiar las imágenes que se muestran en el sitio, editar estilos.
2.1.6. Análisis de Riesgos
El análisis y gestión de riesgos, eventos o condiciones inciertas que, si se producen, tienen un efecto
positivo o negativo sobre al menos un objetivo del proyecto, como tiempo, coste, alcance o incluso la
calidad. La gestión de riesgos en la administración de proyectos, consiste entonces en aumentar la
probabilidad de impacto de los eventos positivos y disminuir la probabilidad de impacto de los
eventos adversos al proyecto. Para esto se tomará en cuenta: la planificación, análisis e identificación
de riesgos, respuesta a riesgos y seguimiento.
2.1.6.1. Tabla de Riesgos
La identificación de los niveles de riesgo y riesgos, forman las bases de la siguiente matriz de
seguridad. La matriz de seguridad proporciona una referencia rápida para cada sistema un punto
inicial para medidas de seguridad adicionales tales como una estrategia apropiada para la restricción
de acceso a los recursos de red.
Tabla 2.8 Tabla de Riesgos. Fuente: Autor
RIESGO NIVEL DE
RIESGO
(SOBRE 10 )
DESCRIPCIÓN RIESGO
Población poco
participativa.
4 La población no compra on line.
Poco Interés en el
proyecto, dificultades
económicas y técnicas
4
Poco interés en promocionar a nivel de la
Web la organización y por ende poco
participación con el proyecto informático
Tiempo faltante en relación
al trabajo a realizar
5 El tiempo establecido en el cronograma
resulta ser demasiado corto.
Información sobre la
organización y necesidades
de la organización
8
La información de la organización es
bastante, por lo que se necesita hacer más
módulos de sistema aparte del Portal Web
de e-commerce.
Daños en equipos, virus,
eliminación de datos por
accidente
8 La entrada de virus en los equipos, en algo
regular, por lo que se necesita un software
antivirus y sacar respaldo periódicamente.
Cambio Tecnológico 3 La tecnología avanza rápidamente y puede
aparecer alguna forma más rápida y fácil de
desarrollo de Aplicaciones Web
El propósito de un análisis es el de identificar los riesgos de un Portal Web, los recursos y los datos.
Esto no significa que se debe identificar cada posible punto de entrada al portal y cada uno de los
posibles medios de ataque.
¿Qué se necesita proteger?
¿De quién debe protegerlo?
¿Cómo debe protegerlo?
Con el fin de hacer esto, es necesario asignar a cada uno de los recursos del Portal uno de los
siguientes niveles de riesgos:
2.1.6.2. Niveles de riesgo
NIVEL DE
RIESGO
DESCRIPCIÓN MITIGACIÓN DE RIESGOS
Bajo Sistemas o información (datos que pueden
ser visualizados por personal no autorizado,
datos corruptos o perdidos) que si
comprometida, no interrumpirá el negocio
o causara ramificaciones legales o
financieras. El sistema o información
objetivo puede ser fácilmente restablecido
y no permite acceso adicional a otros
sistemas.
Protegiendo con contraseñas,
validando la sesión, al acceso a cada
una de las páginas con información
delicada, mediante el uso de HTTPs,
las transacciones bancarias y pagos
a través de empresas comprobadas,
seguras y confiables.
Medio Sistemas o información (datos que pueden
ser visualizados por personal no autorizado,
corruptos o perdidos) que, si
comprometida, causaría una interrupción
moderada en el negocio, ramificaciones
legales y financieras menores o provee
acceso adicional a otros sistemas. El sistema
o información objetivo requiere de un
esfuerzo moderado de restauración o el
proceso mismo de restauración interrumpe
el funcionamiento del sistema.
Sacando respaldos de la base de
datos, y de la aplicación, para en
caso de daños, poder recuperar la
información y restaurar la
aplicación.
Alto Sistemas o información (datos que pueden
ser visualizados por personal no autorizado,
corruptos o perdidos) que, si
comprometida, causaría una interrupción
en el negocio, ramificaciones legales y
financieras de mayor grado.
Validando toda la información
ingresada, para que sea información
útil y confiable, mediante el uso de
roles, dar privilegios y en otros
casos restringir el acceso a partes
del sistema.
Tabla 2.9 Niveles de Riesgos. Fuente: Autor
Algunos recursos que deben ser considerados al estimar las amenazas a la seguridad son
solamente seis:
2.1.6.3. Amenazas de seguridad.
TIPO DE RECURSO DESCRIPCIÓN
HARDWARE Procesadores tarjetas, teclados, terminales, estaciones de trabajo,
computadoras personales, impresoras, unidades de disco, líneas de
comunicación, cableado de la red, servidores de terminal, routers.
SOFTWARE Programas fuente, utilerías, sistemas operativos, programas de
comunicaciones.
DATOS Durante la ejecución, almacenados en línea, archivados fuera de línea,
backup, bases de datos, en tránsito sobre medios de comunicación,
cookies, contraseñas almacenadas, historial de navegación.
USUARIOS Personas que operan los sistemas, crackers, hackers.
DOCUMENTACIÓN Sobre programas, hardware, sistemas, procedimientos administrativos
locales.
ACCESORIOS Papel, formularios, cintas, información grabada, suministros varios.
Tabla 2.10. Amenazas de seguridad. Fuente: Autor
Es importante considerar la asignación de un nivel de riesgo a cada una de los siguientes:
PC de escritorio y otros dispositivos (servidores de impresión separados de la red).
Equipos de red tales como los switches, ruteadores, servidores DNS y servidores DHCP
pueden permitir acceso a la red y por lo tanto son dispositivos de mediano o alto riesgo.
Una vez que los niveles de seguridad han sido asignados, es necesario identificar los tipos de
usuarios del sistema. Existen cinco tipos de usuarios los cuales se consideran los más
comunes:
2.1.6.4. Tipos de usuarios del sistema.
TIPO DE USUARIO DESCRIPCIÓN
Administradores Usuarios internos responsables de los recursos de red.
Vendedores Usuarios internos que requieren de un acceso mayor.
Usuarios Usuarios internos con acceso general
Clientes Usuarios externos con acceso general.
Tabla 2.11. Tabla de Tipos de Usuarios del sistema. Fuente: Autor
2.2. FASE DE ELABORACIÓN
2.2.1. Casos de uso 100%
2.2.1.1. Caso de uso gerente
Ilustración 2.5 Caso de Uso al 100%, Gerente. Fuente: Autor.
ACTIVACIÓN DESCRIPCIÓN EXCEPCIÓN
Clic en Estadísticas y
reportes
Estadísticas y Reportes de las ventas,
clientes y visitas.
En caso de no existir ventas ese
día.
Clic en Revisar emails Revisión de Emails enviados por los
clientes.
En caso de no haber
correspondencia ese día.
Clic en Foro Revisión de Comentarios en el foro En caso de comentarios en el
foro
Clic en Reportes Revisión de reportes de trabajos,
compras, proveedores, cuentas,
bancos.
En caso de no existir compras,
trabajos ese día.
Tabla 2.12 Caso de Uso al 100%, descripción Gerente. Fuente: Autor
2.2.1.2. Caso de uso cliente
Ilustración 2.6 Caso de Uso al 100%, Cliente. Fuente: Autor.
ACTIVACIÓN DESCRIPCIÓN EXCEPCIÓN
Clic en Carrito de Compras Permite ver los precios de
nuestras posibles compras,
permite hacer compras.
En caso de hacer clic en el
botón cancelar compra.
Clic en Login Permite crearnos una cuenta
de usuario, para una atención
más personalizada
En caso de no necesitar
cambiar nada en los datos de
usuario.
Clic en listados y noticias Permite descargar listados de
Precios y Promociones
En caso de no haber nuevos
listados de precios y
promociones, saldrá el
respectivo mensaje
indicando.
Tabla 2.13. Caso de Uso al 100%, descripción Cliente. Fuente: Autor
2.2.1.3. Caso de uso secretaria
Ilustración 2.7 Caso de Uso al 100%, Secretaria. Fuente: Autor.
ACTIVACIÓN DESCRIPCIÓN EXCEPCIÓN
Clic en Ingreso de nuevos
Clientes.
Consiste en ingresar nuevos
clientes de forma manual.
En caso de no haber nuevos
clientes.
Ingreso de Nuevos Productos Consiste en cambiar precios de
acuerdo al alza o baja de
precios en el mercado.
Adicionar nuevos productos.
En caso de no haber nuevos
productos y mantenerse los
precios estables
Ingreso de Imágenes de Marcas
y productos.
Cambio de imágenes o marcas,
insertar nuevas, logos.
En caso de no haber nuevas
marcas y en caso de que los
logos no cambien y se
mantengan estables.
Actualizar listados de precios y
promociones.
Consiste en cambiar los precios
y los productos que se
encuentran en promoción.
En caso de mantenerse las
promociones.
Consultar estado de pedidos,
ver reportes.
Permite ver los pedidos
realizados por los clientes en el
día.
En caso de no haber pedidos.
Tabla 2.14. Caso de Uso al 100%, descripción Secretaria. Fuente: Autor
2.2.1.4. Caso de uso técnico encargado
Ilustración 2.8 Caso de Uso al 100%, Técnico encargado. Fuente: Autor.
ACTIVACIÓN DESCRIPCIÓN EXCEPCIÓN
Clic en Reporte Técnico
Verificar cuantos usuarios
ingresan diariamente a visitar
el portal.
Verificar mensajes dejados
por usuarios
En caso de no ser visitada la
pagina ese día.
Petición de Adición de
Nuevos Módulos
Previo una revisión de
requerimientos nuevos de la
empresa, y con aprobación
de la misma se procederá a
adicionar nuevas
funcionalidades al portal.
En caso de no existir
requerimientos nuevos por
parte de la empresa. Cambios
en la tecnología actual.
Petición de Mantenimiento
de Base de Datos
Se procederá a adicionar o
eliminar tablas según las
necesidades de la empresa
En caso de no ser necesario
adicionar, eliminar tablas. En
caso de no haber errores.
Modificar módulos Se procederá a realizar
modificaciones en caso de
que la empresa así lo
requiera.
En caso de no ser necesarios
los cambios, y seguir con el
sistema tal como está hecho.
Tabla 2.15. Caso de Uso al 100%, descripción Técnico encargado. Fuente: Autor
2.2.2. Diseño
2.2.2.1. Diseño de la base de datos
La base de datos preparada para la aplicación para la comercialización y marketing de la organización
OPC, incluye los siguientes bloques de datos, los cuales son accesibles al administrador.
Clientes
Productos
Proveedores
Roles
Usuarios
Cuentas
Trabajos
Preguntas Frecuentes
Pedidos
Pagos
Se comentan a continuación las características principales de cada uno de los bloques.
Ilustración 2.9 Diagrama Físico de la base de datos. Fuente: Autor.
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*
0..*0..*
0..*
1..1
1..10..*
0..*
0..*
0..*
0..*
0..*
0..*
Usuarios
codigo_usuario
nombres
apellidos
nombre_usuarios
clave
codigo_rol
foto_usuario
bigint
varchar(40)
varchar(40)
varchar(40)
varchar(40)
bigint
medium
blob
<pk>
<fk>
Roles
codigo_rol
nombre_rol
bigint
varchar(40)
<pk>
categorias
codigo_categoria
nombre_categoria
bigint
varchar(100)
<pk>
Productos
codigo_producto
serie
nombre_producto
precio
disponible
foto_producto
descripcion
publicar
sugerido
stock_minim
o
stock_max
fecha_ingreso
fecha_modificacion
codigo_proveedor
codigo_modelo
num_autorización
bigint
varchar(100)
varchar(100)
numeric(10,2)
char(1)
MEDIUM
BLOB
varchar(100)
char(1)
char(1)
int
int
date
date
bigint
bigint
bigint
<pk>
<fk1>
<fk2>
Pedidos
codigo_pedido
codigo_cliente
fecha_pedido
entregado
fecha_entega
depara
direccion_destino
bigint
bigint
datetime
char(1)
datetime
varchar(100)
varchar(100)
varchar(150)
<pk>
<fk>
Detalles_Pedido
codigo_detalle
codigo_pedido
codigo_producto
cantidad
precio
bigint
bigint
bigint
int
numeric(10,2)
<pk>
<fk>
<fk>
marcas
codigo_marca
codigo_subcategoria
nombre_m
arca
bigint
bigint
varchar(100)
<pk>
<fk>
Clientes
codigo_cliente
id_cliente
nombres
apellidos
correo
clave
direccion
telefono
celular
respuesta
codigo_pregunta
genero
bigint
varchar(15)
varchar(40)
varchar(40)
varchar(100)
varchar(20)
varchar(100)
varchar(15)
varchar(15)
varchar(100)
bigint
char(1)
<pk>
<fk>
Preguntas
codigo_pregunta
pregunta
bigint
varchar(100)
<pk>Servicios
codigo_servicios
descripcion
foto_servicio
publicar
precio
bigint
varchar(150)
medium
blob
char(1)
numeric(10,2)
<pk>
sub_categorias
codigo_subcategoria
codigo_categoria
nombre_subcategoria
bigint
bigint
varchar(100)
<pk>
<fk>
Entidades_Financieras
codigo_entidad
entidad
direccion_matriz
direccion_sucursal
logo_entidad
telefono
bigint
varchar(100)
varchar(200)
varchar(200)
medium
blob
varchar(15)
<pk>
formas_pago
codigo_formaspago
nombre_form
apago
logo_formapago
bigint
varchar(100)
medium
blob
<pk>
modelos
codigo_modelo
codigo_marca
nombre_m
odelo
bigint
bigint
varchar(100)
<pk>
<fk>
cuentas
codigo_cuenta
codigo_cliente
codigo_entidad
num_tarjeta
num_cuenta
bigint
bigint
bigint
int
int
<pk>
<fk1>
<fk2>
devoluciones
codigo_detalle
fecha_devolucion
motivo
bigint
date
varchar(100)
<pk,fk>
Proveedores
codigo_proveedor
nombres
apellidos
correo
ruc
direccion
telefono
celular
cedula
razon_social
bigint
varchar(40)
varchar(40)
varchar(100)
int
varchar(100)
varchar(15)
varchar(15)
int
varchar(200)
<pk>
Compras
codigo_compras
codigo_proveedor
codigo_factura
fecha_compra
bigint
bigint
bigint
datetime
<pk>
<fk>
Detalle_compras
codigo_detallecompra
codigo_compras
codigo_producto
cantidad
precio
bigint
bigint
bigint
int
numeric(10,2)
<pk>
<fk1>
<fk2>
pagos
codigo_pedido
Deuda_inicial
Saldo_pendiente
bigint
numeric(10,2)
numeric(10,2)
<pk,fk>
detalle_pagos
codigo_detallepago
codigo_formaspago
codigo_pedido
valor_pago
fecha_pago
bigint
bigint
bigint
int
datetime
<pk>
<fk1>
<fk2>
Preguntas_Frecuentes
codigo_chat
codigo_producto
codigo_cliente
fecha
pregunta
respuesta
bigint
bigint
bigint
datetime
varchar(255)
varchar(255)
<fk1>
<fk2>Trabajos
codigo_trabajo
codigo_cliente
fecha_recepcion
fecha_entrega
bigint
bigint
datetime
datetime
<pk>
<fk>
Detalle_Trabajo
codigo_detalle
codigo_trabajo
codigo_servicios
cantidad
bigint
bigint
bigint
int
<pk>
<fk1>
<fk2>
Pagos_Trabajos
codigo_trabajo
deuda_inicial
saldo_pendiente
bigint
numeric(10,2)
numeric(10,2)
<pk,fk>
Detalle_Pagos_Trabajos
codigo_det_pago_trabajo
codigo_trabajo
codigo_formaspago
valor_pago
fecha_pago
bigint
bigint
bigint
numeric(10,2)
datetime
<pk>
<fk1>
<fk2>
Empresa
codigo_empresa
razon_social
dirección
telefono
fax
ruc
webside
logo_empresa
bigint
varchar(255)
varchar(255)
varchar(15)
varchar(15)
varchar(15)
varchar(50)
varchar(50)
medium
blob
<pk>
2.2.2.1.1. Explicación de las tablas de la base de datos.
Clientes.- permite ingresar la información de los clientes, nombre, cédula, ruc, teléfono, email,
empresa.
Productos.- tiene relación con proveedores, permite ingresar código nombre del producto,
descripción, valor.
Proveedores.- permite ingresar el nombre de la empresa proveedora, su representante legal, su
dirección, el tipo de producto que distribuye, teléfono, email, ruc.
Roles.- permite registrar el rol de cada usuario, según el rol, variaran los privilegios.
Usuarios.- similar a clientes, pero aquí permite registrar la clave, de los usuarios del sistema.
Cuentas.- permite registrar los datos de las cuentas bancarias de cada cliente.
Trabajos.- permite registrar la fecha en la que se recibió un trabajo, el nombre del cliente, el tipo de
trabajo, la fecha de entrega y el costo.
Preguntas Frecuentes.- permite registrar las preguntas de los clientes, y permite también registrar
las respuestas.
Pedidos.- permite registrar los pedidos, de los clientes, fecha y estado del pedido.
Pagos.- permite registrar los pagos de los clientes, y el tipo de pago.
2.2.3. Diseño de entradas
El diseño de entradas une al sistema con los usuarios. Los siguientes formularios nos presentan la
manipulación y manejo de la aplicación en cuanto a realizar nuevos ingresos, actualización y
eliminación de la información, esto es en la aplicación web lo que el administrador / usuario va a
encontrar.
La solución de Software Libre deberá satisfacer los siguientes requisitos:
1. Tener las capacidades mínimas funcionales y técnicas requeridas por la Empresa y los usuarios.
2. Mantener o incrementar la productividad de la Empresa y los usuarios
3. Ser compatible o integrable en las plataformas de hardware y software existentes
2.2.3.1 Modelo de pantalla ingreso administrador
Ilustración 2.10. Modelo de pantalla ingreso administrador. Fuente: Autor.
Este modelo de pantalla de entrada, el usuario ingresa su nombre de usuario y clave, el sistema
registra el nombre del usuario y la hora a la que ingreso al sistema. En caso de ser un cliente el que
ingreso a esta pantalla, puede regresar haciendo clic en la opción regresar.
2.2.3.2. Modelo de pantalla menú
Ilustración 2.11. Modelo de pantalla de menú. Fuente: Autor.
Pantalla Menú. En esta zona, el programa indica a los administradores lo que pueden hacer, las
opciones a su alcance. En este formulario se presentará el menú principal con varias opciones y al
hacer clic en una de ellas permite dirigirnos al formulario relacionado con la opción seleccionada y así
interactuar entre todas.
2.2.3.3. Modelo de pantalla de registro de usuarios
Ilustración 2.12. Modelo de pantalla registro usuarios. Fuente: Autor.
Este modelo de pantalla se encuentra en el módulo de administrador, permite ingresar los datos de
un nuevo usuario y elegir el rol que tendrá dentro del sistema, también permite Limpiar los campos,
en caso de algún cambio.
2.2.3.4. Modelo de pantalla ingreso nuevo producto
Ilustración 2.13. Modelo de pantalla ingreso nuevo producto. Fuente: Autor.
Este modelo de pantalla se encuentra en el módulo de administrador, permite ingresar los datos de
un nuevo producto, crear nueva categoría, subcategoría, marca, modelo en caso de no existir en la
base de datos, además al escoger una categoría nos muestra las subcategorías relacionadas, luego al
escoger la marca nos muestra los modelos.
2.2.3.5. Modelo de pantalla entrada datos del cliente
Ilustración 2.14. Modelo de pantalla entrada datos del cliente. Fuente: Autor.
Mediante esta pantalla vamos a ingresar los datos del cliente, tiene un grupo de botones que
permiten grabar los datos luego de validarlos verificando que estén correctos y que los datos de
dicho cliente aun no se encuentren registrados, caso contrario emite el mensaje cliente ya está
registrado, otro de los botones nos permite revisar el listado de clientes y un botón adicional nos
permite regresar a la pantalla menú.
Sistema de navegación y ayudas, al presionar sobre el icono de ayuda, aparecerá la ayuda respectiva,
indicándonos que datos ingresar en cada campo.
Este modelo de entrada será para clientes.
2.2.4. Diseño de salidas
Las siguientes pantallas son las pantallas de salida que se presentarán en la aplicación web.
2.2.4.1. Modelo de pantallas de error
Ilustración 2.15. Modelo de pantalla de error. Fuente: Autor.
Mediante está alerta se le indica al usuario el error y la forma de rectificarlo al hacer clic en la opción
aceptar tendrá 2 oportunidades más para ingresar al sistema.
2.2.4.2. Modelo de pantallas de reportes
Ilustración 2.16. Modelo de pantalla reporte. Fuente: Autor.
El modelo de salidas consiste en un archivo PDF 1 (acrónimo del inglés portable document format,
formato de documento portátil). Este modelo de pantalla reporte permite revisar e imprimir los
datos que se encuentran registrados de clientes, administradores, proveedores, productos,
categorías, subcategorías, y demás formularios de la aplicación web.
Las siguientes pantallas son las que se presentarán al cliente, para realizar las compras en línea.
Ilustración 2.17. Modelo de reporte factura. Fuente: Autor.
Este es el modelo de la salida facturas, permite imprimir la factura una vez llena, para ser entregada
al cliente, luego de la compra de sus productos. Las medidas ya están calculadas para encajar de
acuerdo al modelo de factura aprobado por el S.R.I.
1 Wikipedia (2010). PDF . Consultado el 10 de Octubre de 2010.
Ilustración 2.18. Resultado Impreso de reporte factura. Fuente: Autor.
2.2.4.3. Modelo de pantalla facturación
Ilustración 2.19. Modelo de pantalla facturación. Fuente: Autor.
Este modelo de pantalla es para pedido, permite seleccionar la fecha, seleccionar el cliente, en caso
de no encontrarse registrado nos envía a la pantalla registro de cliente nuevo, también nos permite
seleccionar los productos que deseemos facturar.
2.2.4.4. Modelo de pantalla detalle
Ilustración 2.20. Modelo de pantalla detalle. Fuente: Autor.
Este modelo de entrada podremos ver los datos, así como buscar datos existentes, también permiten
escoger el parámetro de búsqueda, Modificarlos, obtener reportes, y también nos permite la
eliminación, además cuenta con la listas desplegables para escoger datos registrados en este tipo de
Pantalla Catálogo de administradores, productos, categorías, subcategorías, pedidos, etc.
2.3. FASE DE CONSTRUCCIÓN
2.3.1. Propósitos
Alcanzar la capacidad operacional del producto de forma incremental a través de las
sucesivas iteraciones.
Obtener versiones funcionales aceptables del producto (alfa, beta, y otras versiones de
prueba) tan rápido como sea práctico.
Minimizar los costes.
Realizar los documentos y entregables como: Modelos Completos de Casos de Uso,
Análisis, Diseño, Despliegue e Implementación. Arquitectura íntegra, mantenida y
actualizada. Riesgos presentados mitigados. Manual Inicial de Usuario detallado.
Prototipo Operacional – beta.
Se realizaran pruebas como: El producto es estable como para ser entregado a la
comunidad de usuarios para ser probado. Todos los usuarios expertos están listos para la
transición. Son aceptables los gastos actuales.
2.3.2. Principales Scripts utilizados en el desarrollo de esta aplicación (los principales):
2.3.2.1. Código de la conexión a la base de datos.
<?
//CONEXION A LA BASE DE DATOS
//$db=mysql_connect('HOSTNAME','USERNAME','PASSWORD');
$db=mysql_connect('localhost','root','server');
//$base=mysql_select_db("DATABASE_NAME",$LINK_IDENTIFIER);
$base=mysql_select_db("ventas",$db);
?>
La variable hostname se refiere al servidor donde se va alojar a nuestra aplicación se le a puesto
localhost para luego no tener problemas con nombres de servidores, database_name es nuestra
base de datos, username es el usuario en este caso root del servidor Web apache y password que es
la contraseña del usuario y es server para no olvidarnos, link_identifier es el identificador de enlace,
allí va la variable $db que contiene la conexión.
2.3.2.2 Código para insertar nuevos datos
Se debe tener un formulario donde se encuentre los campos de texto y los botones de control en
este formulario, luego de lleno el formulario, y la validación, php ejecuta este código al hacer clic en
el botón guardar y cuando en opción sea igual a new, es decir, un nuevo registro.
<?php
If(isset($_POST[‘guardar’])){
$sql=”insert into clientes (id_cliente,nombres,dirección,teléfono,ruc,email) values
(‘$codcliente’,’$nombre’,’$direccion’,’$telefono’,’$ruc’,’$email’)”;
$result=MySQL_query($sql,$db);
?>
2.3.2.3 Código para eliminar datos
Se debe tener un formulario donde se encuentre los campos de texto y los botones de control este
formulario puede ser html o php a esta función la llamamos al hacer clic en el botón eliminar, luego
de la búsqueda donde seleccionamos el campo a eliminar.
<?php
If(isset($_POST[‘eliminar’])){
$sql=”delete from clientes WHERE id_cliente=$codcliente”;
$result=MySQL_query($sql,$db);
?>
2.3.2.4 Código para modificar datos
Se debe tener un formulario donde se encuentre los campos de texto y los botones de control este
formulario puede ser html o php a esta función la llamamos, luego de la búsqueda donde
seleccionamos el campo a modificar al hacer clic en el botón modificar.
<?php
If(isset($_POST[‘modificar’])){
$sql=”update clientes set id_cliente=’$codcliente’,nombres=’$nombre’,
dirección=’$dirección’,teléfono=’$teléfono’,ruc=’$RUC’,email=’$email’ WHERE
id_cliente=$codcliente”;
$result=MySQL_query($sql,$db);
?>
2.3.2.5. Código para buscar datos
Se debe tener un formulario donde se encuentre los campos de texto y los botones de control este
formulario puede ser html o php a esta función la llamamos, luego de la búsqueda donde
seleccionamos el campo para modificar o eliminar.
<?php
If(isset($_POST[‘buscar’])){
<?
if (isset($_POST['txtnombre'])) {
$tabla = mysql_query("SELECT clientes.* FROM clientes WHERE clientes.nombres LIKE '%" .
$_POST['txtnombre'] . "%' ORDER BY clientes.nombres ASC");
} else {
$tabla = mysql_query("SELECT clientes.* FROM clientes WHERE clientes.nombres ORDER BY
clientes.nombres ASC");
}while ($registro = mysql_fetch_array($tabla)) {
?>
2.3.2.6. Código para enviar datos a PDF
Se debe tener un formulario donde se encuentre los campos de texto y los botones de control este
formulario puede ser html o php, a esta función la llamamos, luego de hacer clic en el botón
‘Reportes’.
<?php
define('FPDF_FONTPATH','font/');
require('mysql_table.php');
include("comunes.php");
include ('../modelo/conexiondb.php');
$pdf=new PDF();
$pdf->Open();
$pdf->AddPage();
//Nombre del Listado
$pdf->SetFillColor(255,255,255);
$pdf->SetFont('Arial','B',16);
$pdf->SetY(40);
$pdf->SetX(0);
$pdf->MultiCell(200,6,"Listado de Clientes",0,C,0);
$pdf->Ln();
//Restauracin de colores y fuentes
$pdf->SetFillColor(224,235,255);
$pdf->SetTextColor(0);
$pdf->SetFont('Arial','B',7);
//Buscamos y listamos las familias
$codcliente=$_GET["codcliente"];
$nombres=$_GET["nombres"];
$nif=$_GET["nif"];
$where="1=1";
//Ttulos de las columnas
$header=array('Nombres','Cédula','Dirección','Celular','Teléfono');
//Colores, ancho de lnea y fuente en negrita
$pdf->SetFillColor(200,200,200);
$pdf->SetTextColor(0);
$pdf->SetDrawColor(0,0,0);
$pdf->SetLineWidth(.2);
$pdf->SetFont('Arial','B',8);
//Cabecera
$w=array(90,17,50,16,23); //ancho de columnas
for($i=0;$i<count($header);$i++)
$pdf->Cell($w[$i],7,$header[$i],1,0,'C',1);
$pdf->Ln();
$pdf->SetFont('Arial','',6); //tamaño de letra (contenido)
$sel_resultado="SELECT * FROM clientes WHERE borrado=0 AND ".$where." order by
nombres";
$res_resultado=mysql_query($sel_resultado);
$contador=0;
while ($contador < mysql_num_rows($res_resultado)) {
//$pdf->Cell(5,5,$contador,'LRTB',0,'L');
//CODIGO PARA UNIR NOMBRES APELLIDOS, RAZON SOCIAL
$nombres=mysql_result($res_resultado,$contador,"nombres");
$apellidos=mysql_result($res_resultado,$contador,"apellidos");
$razon_social=mysql_result($res_resultado,$contador,"razon_social");
$pdf->Cell($w[0],5,$union,'LRTB',0,'L');
};
$pdf->Output();
?>
2.3.2.7. Código para limpiar pantalla
Se debe tener un formulario donde se encuentre los campos de texto y los botones de control este
formulario puede ser html o php, a esta función la llamamos, luego de hacer clic en el botón ‘limpiar’.
<?
If(isset($_POST[‘limpiar’]))
{
$id_cliente=””
$nombres=””;
$direccion=””;
$telefono=””;
$ruc=””;
$email=””;
}
¿>
2.4. FASE DE TRANSICIÓN
2.4.1. Manuales de usuario
Los manuales técnicos se han desarrollado para que sean didácticos con ilustraciones a todo color,
paso a paso, explicando de forma intuitiva todos los contenidos de la aplicación. El Manual de
Usuario se lo detalla en el Capítulo IV de Documentación y de manera online por medio de las vías de
contacto que se especifican a continuación:
Ilustración 2.21. Modelo de pantalla manuales. Fuente: Autor.
2.4.2. Capacitación
Software libre no equivale a licencia y capacitación gratis. Los usuarios de software libre saben que la
licencia del programa desarrollado bajo este esquema no tiene costo. Sin embargo, sí hay costos que
las empresas grandes y pequeñas que opten por esta alternativa deben asumir. Los principales
tienen que ver con implantación, actualizaciones, capacitación y mantenimiento. La palabra libre no
significa que sea gratis.
Te invitamos a conocer los Manuales de Usuario sobre el manejo de la aplicación
para comercialización y marketing para la empresa OPC:
Manuales:
• Manuales de Usuario [Versión pdf]
• Manuales Técnicos [Versión pdf]
www.opcjbarra.com/opc/manuales/
Así como el software privativo tiene su modelo de negocios basado en la venta de licencias, quienes
desarrollan software libre tienen el suyo: instalación, soporte, mantenimiento y capacitación. “Hay
firmas que han hecho fortuna, con el desarrollo de software libre”.
2.4.2.1. Costo Total de Capacitación (CTC).
Es el costo promedio anual para la capacitación continua del personal (técnico y usuarios) en la
operación y explotación de la solución. El CTC se calcula de la siguiente forma:
CTC = CT + CU
Donde:
CT = Costo hora capacitación técnica * número de técnicos * número de horas * número años de
funcionamiento de la solución
CU = Costo hora capacitación usuario * número de usuarios * número de horas * número años de
funcionamiento de la solución.
La capacitación cuesta 300 dólares por cada opción del menú principal, o todas en conjunto por un
costo de 3000 dólares. El costo por hora es de 50 dólares.
Aparte de la parte teórica, que consiste en conceptos sobre internet y aplicaciones web, la
capacitación será mayoritariamente práctica, con la realización de ejemplos reales que se pueden
dar a diario, usando como guía el manual de usuario y manual técnico en el caso de capacitar a
administradores, para así con esta experiencia, completar el aprendizaje sobre el manejo de esta
aplicación web.
El manual ha sido hecho para una capacitación de máximo 15 días para usuarios normales, para
Administradores 7 días, en este tiempo se realizará las respectivas prácticas y revisión de ejemplos
del manual de usuario.
www.opcibarra.com/opc/capacitación online/
Ilustración 2.22. Modelo de pantalla capacitación. Fuente: Autor.
2.4.3. Ayuda en línea
La ayuda en línea se encuentra disponible, conjuntamente con la respectiva documentación de la
aplicación los archivos pdf, el usuario tranquilamente puede descargarlos y seguir los ejemplos paso
a paso, además el desarrollador de la aplicación ofrece, su página web personal y foro para cualquier
consulta, comentarios o dudas de manera online por medio de las vías de contacto que se
especifican a continuación:
Ilustración 2.23. Modelo de pantalla Ayuda en Línea. Fuente: Autor.
2.5. PRUEBAS DE SOFTWARE
Las pruebas de software permiten verificar la calidad de un producto software. Una
aplicación web de calidad, empieza desde el comienzo, desde adentro, hacia la parte visible, que es
la ejecución.
Efectuaremos algunas medidas o pruebas que permitan comprobar el grado de
cumplimiento respecto a las especificaciones que debe cumplir el software, a continuación aplico el
modelo de calidad, que corresponde al estándar internacional para evaluación del software ISO
9126-1, que clasifica la calidad del software en un conjunto estructurado de características y
subcaracterísticas, de la siguiente manera:
2.5.1. Características de factores de evaluación
2.5.1.1. Fiabilidad
Hace referencia a la capacidad de buen funcionamiento que la aplicación web despliega en
determinadas funciones, bajo ciertas condiciones y durante un período de tiempo determinado. La
pregunta asociada es: ¿Es fácil de utilizar?
Subcaraterísticas de la Fiabilidad son: Madurez, Recuperabilidad, Tolerancia a fallos
2.5.1.2. Eficiencia
Conjunto de atributos relacionados con la relación entre el nivel de desempeño del software y la
cantidad de recursos necesitados por la aplicación web para llevar a cabo sus funciones. La pregunta
asociada es: ¿Está bien estructurada la pantalla?
Subcaraterísticas de la Eficiencia son: Comportamiento en el tiempo, Comportamiento de recursos.
2.5.1.3. Integridad
Hace referencia a la integridad de los datos almacenados, ya puede perderse de maneras diferentes.
La pregunta asociada es: ¿Está bien estructurada la BDD?
2.5.1.4. Facilidad de uso
Hace referencia a la forma de cuantificar en que porcentaje la aplicación web dispone un interfaz
amigable con el usuario. La pregunta asociada es: ¿Permite realizar los procesos de registro de forma
sencilla?
2.5.1.5. Facilidad de mantenimiento
Hace referencia al esfuerzo requerido para localizar y arreglar un error en un programa. La pregunta
asociada es: ¿Puede realizarse mejoramientos?
Subcaraterísticas del Mantenimiento son: Estabilidad, Facilidad de análisis, Facilidad de cambio,
Facilidad de pruebas.
2.5.1.6. Facilidad de prueba
Hace referencia al esfuerzo requerido para probar un programa de forma que asegure su
funcionalidad en el establecimiento. La pregunta asociada es: ¿Satisface las necesidades?
2.5.1.7. Flexibilidad
Hace referencia al esfuerzo requerido para modificar un programa que ya está en funcionamiento. La
pregunta asociada es: ¿Muestra facilidad para ser modificado?
2.5.1.8. Portabilidad
Hace referencia al esfuerzo requerido para transferir el programa desde un hardware y/o un entorno
de sistema de software a otro. La pregunta asociada es: ¿Podré usarla en otra máquina?
Subcaraterísticas de la Portabilidad son: Capacidad de instalación, Capacidad de reemplazamiento,
Adaptabilidad, Co-Existencia.
2.5.1.9. Reusabilidad
Es el grado en que un programa (o partes de este) se puede reusar en otras aplicaciones, en relación
al empaquetamiento y alcance de las funciones que realiza el programa. La pregunta asociada es:
¿Podré reusar alguna parte de la aplicación web?
2.5.1.10. Interoperabilidad
Es el esfuerzo requerido para acoplar un sistema con otro. La pregunta asociada es: ¿Podré hacerlo
interactuar con otro sistema?
2.5.2. Primera prueba de la aplicación web.
2.5.2.1. Prueba ingreso de datos de usuario (navegante).
DESCRIPCIÓN ENTRADA RESULTADO
El usuario selecciona del menú
principal la opción Registrarse. A
continuación introduce en la
aplicación los datos solicitados.
1. Bienvenida
2. Menú Principal
3. Opción Usuarios
4. Enviar Datos
Los datos han sido
ingresados
correctamente en
la base de datos.
Tabla 2.16. Prueba Ingreso de Datos de Usuario (Navegante). Fuente: Autor.
2.5.2.2. Prueba Ingreso de Datos Novedades (Administrador)
DESCRIPCIÓN ENTRADA RESULTADO
El usuario ingresa a la parte
administrativa de la aplicación
con el nombre de usuario y
contraseña. A continuación
selecciona la opción Novedades e
ingresa los datos.
1. Pantalla Usuario y
Contraseña.
2. Botón Ingresar.
3. Menú Administrativo.
4. Administrar Novedades.
5. Crear Noticia.
Los datos han sido
ingresados
correctamente en la
base de datos.
Tabla 2.17. Prueba Ingreso de Datos Novedades (Administrador). Fuente: Autor.
2.5.2.3. Prueba ingreso de imágenes en productos (administrador)
DESCRIPCIÓN ENTRADA RESULTADO
El usuario ingresa a la parte 1. Pantalla Usuario y Las imágenes han
administrativa de la aplicación
con el nombre de usuario y
contraseña. A continuación
selecciona la opción productos,
opción examinar y sube las
imágenes.
Contraseña.
2. Botón Ingresar.
3. Menú Administrativo.
4. Administrar Productos.
5. Subir Imagen.
sido subidas
correctamente en
la base de datos.
. Tabla 2.18. Prueba Ingreso de Imágenes en Productos (Administrador). Fuente: Autor.
2.5.2.4. Prueba Ingreso de Datos del Cliente (Administrador)
DESCRIPCIÓN ENTRADA RESULTADO
El usuario ingresa a la parte
administrativa de la aplicación
con el nombre de usuario y
contraseña. A continuación
selecciona la opción Clientes e
ingresa los datos solicitados.
1. Pantalla Usuario y
Contraseña.
2. Botón Ingresar.
3. Menú Administrativo.
4. Administrar Clientes.
5. Enviar Datos.
Los datos han sido
ingresados
correctamente en
la base de datos.
. Tabla 2.19. Prueba Ingreso de Datos del Cliente (Administrador). Fuente: Autor.
2.5.2.5. Prueba Ingreso de Datos en las Tablas de la BDD (Administrador)
DESCRIPCIÓN ENTRADA RESULTADO
El usuario ingresa a la parte
administrativa de la aplicación
con el nombre de usuario y
1. Pantalla Usuario y
Contraseña.
2. Botón Ingresar.
3. Menú Administrativo.
Los datos han sido
ingresados
correctamente en
la base de datos.
contraseña. A continuación
selecciona la opción administrar
tablas de la BDD e ingresa los
datos solicitados.
4. Administrar Tablas de la
BDD.
5. Actualizar.
Tabla 2.20. Prueba Ingreso de Datos en las Tablas de la BDD (Administrador). Fuente: Autor.
2.5.2.6. Prueba obtener Respaldo de la BDD (Administrador)
DESCRIPCIÓN ENTRADA RESULTADO
El usuario ingresa a la parte
administrativa de la aplicación
con el nombre de usuario y
contraseña. A continuación
selecciona la opción sacar
respaldo de la BDD.
1. Pantalla Usuario y
Contraseña.
2. Botón Ingresar.
3. Menú Administrativo.
4. Sacar Respaldo de la BDD.
5. Descargar.
La base de datos se
respalda
correctamente.
Tabla 2.21. Prueba Sacar Respaldo de la BDD (Administrador). Fuente: Autor.
2.5.2.7. Prueba obtener Reportes (Administrador)
DESCRIPCIÓN ENTRADA RESULTADO
El usuario ingresa a la parte
administrativa de la aplicación
con el nombre de usuario y
contraseña. A continuación
selecciona la opción Facturación,
reportes e imprime.
1. Pantalla Usuario y
Contraseña.
2. Botón Ingresar.
3. Menú Administrativo.
4. Facturación.
5. Reportes.
Reporte Factura
impreso
correctamente.
6. Imprimir.
Tabla 2.22. Prueba Sacar Reportes (Administrador). Fuente: Autor.
2.5.3. Resultados parciales
Las pruebas nos indican el ahorro de tiempo, que genera esta aplicación es apreciable, por ejemplo:
buscar un contacto manualmente en la agenda tomaba entre 5, 10 y 15 minutos, mucha información
se anotaba en papelitos los cuales se perdían, estaban en desorden, o no se entendía la letra
manuscrita, con el actual sistema, el tiempo de búsqueda es mínimo, la información está clasificada
y ordenada, con buena letra, visualmente agradable. La aplicación cumple con los requerimientos y
propósitos para los que fue desarrollada.
CRITERIO 1 2 3 4 5 6 7 8 9 10
Fiabilidad de la Aplicación Web x
Eficiencia de la Aplicación Web x
Integridad x
Facilidad de uso x
Facilidad de mantenimiento x
Facilidad de prueba x
Flexibilidad x
Portabilidad x
Reusabilidad x
Interoperabilidad x
Tabla 2.23. Resultados parciales. Fuente: Autor.
2.5.4. Segunda prueba de la aplicación web
2.5.4.1. Ficha de evaluación del portal web
CRITERIO SI NO VALOR
APLICA APLICA (1-10)
1. Fiabilidad de la Aplicación Web
1.1 ¿Se puede utilizar la aplicación sin poseer conocimientos
especializados en informática? X 10
1.2 La interfaz de comunicación que propone la aplicación ¿es
fácil de utilizar? ¿El menú de opciones es amigable para el
navegante?
X 10
1.3 ¿El programa se maneja de forma homogénea a lo largo del
mismo? X 9
SUBTOTAL (Suma de los Subcriterios) 29
2. Eficiencia de la Aplicación Web
2.1 ¿Están bien estructuradas la pantallas (zona para presentar
la información de interacción “facturas”)? X 10
2.2 ¿Se observa calidad en la redacción de los textos? X 10
2.3 ¿Las pantallas son legibles (distribución coherente de los
diferentes elementos) X 10
SUBTOTAL (Suma de los Subcriterios) 30
3. Integridad
2.1 ¿Está bien estructurada la BDD para soportar perdida de
información por fallo de energía eléctrica? X 10
2.2 ¿Se observa calidad en la redacción de los textos? X 10
2.3 ¿Las pantallas son legibles (distribución coherente de los
diferentes elementos) X 10
SUBTOTAL (Suma de los Subcriterios) 30
4. Facilidad de Uso
4.1 ¿La aplicación permite realizar los procesos de registro de
forma sencilla y rápida al responsable? X 9
4.2 ¿La aplicación ofrece un menú sencillo para el navegante? X 10
4.3 ¿La estructura de la aplicación permite dar prioridades al
cliente presencial? X 9
SUBTOTAL (Suma de los Subcriterios) 28
5. Facilidad de Mantenimiento
5.1 ¿Puede realizarse mejoramientos en el diseño del interfaz
para obtener resultados óptimos? X
10
5.2 ¿Las tablas de la base de datos pueden manipularse con
facilidad en caso de modificar los registros? X
9
5.3 ¿La aplicación cuenta con manual técnico y de usuario de
fácil entendimiento para el administrador de la misma? X
10
SUBTOTAL (Suma de los Subcriterios) 29
6. Facilidad de prueba
6.1 ¿Es un recurso administrativo que satisface las necesidades e
intereses de la gerencia y los clientes? X
9
6.2 ¿Es adecuada la concepción del servicio al cliente? X 10
6.3 ¿La aplicación tiene un enfoque informativo de los
productos? X
10
SUBTOTAL (Suma de los Subcriterios) 29
7. Flexibilidad
7.1 ¿La aplicación muestra facilidad para ser modificado
dependiendo de las necesidades de la gerencia? X
10
7.2 ¿Los estándares utilizador viabilizan el mejoramiento del
diseño? X
10
7.3 ¿Capacidad de adaptarse a nueva tecnología? X 9
SUBTOTAL (Suma de los Subcriterios) 29
CRITERIO SI NO VALOR
APLICA APLICA (1-10)
8. Portabilidad
1.1 ¿Podré utilizar la aplicación web en otra máquina? X 9
1.2 La aplicación web ¿se puede utilizar en diferentes
plataformas? X 10
1.3 ¿La ligereza de la aplicación web lo hace fácilmente
transportable? X 8
SUBTOTAL (Suma de los Subcriterios) 27
9. Reusabilidad
9.1 ¿Podré reusar alguna parte de la aplicación web? X 10
9.2 ¿permite el ciclo de vida reutilizar el software? X 9
9.3 ¿Es reutilizable el código de la aplicación web? X 10
SUBTOTAL (Suma de los Subcriterios) 29
10. Interoperabilidad
10.1 ¿Puede intercambiar proceso o datos con otros sistemas? X 9
10.2 ¿Se tiene acceso total a la información disponible? X 9
10.3 ¿La aplicación web cuenta con protocolos estándares para
el intercambio de datos? X 9
SUBTOTAL (Suma de los Subcriterios) 27
Tabla Nº 2.24. Ficha Evaluación. Fuente: Autor
2.5.4. Cuadro de resultados
Para poder realizar un análisis de resultados, se ha realizado pruebas reales con los usuarios que van
a gestionar la aplicación web en la institución, por medio de la cual he podido evaluar su manera de
desenvolvimiento con la aplicación obteniendo los siguientes resultados. La aplicación cumple con
todos los requerimientos de los usuarios.
CRITERIO RESULTADOS PORCENTAJE %
Fiabilidad de la Aplicación Web Alto 96,67
Eficiencia Alto 100
Integridad Alto 100
Facilidad de uso Alto 93,33
Facilidad de mantenimiento Alto 96,67
Facilidad de prueba Alto 96,67
Flexibilidad Alto 96,67
Portabilidad Alto 90
Reusabilidad Alto 96,67
Interoperabilidad Alto 90
Tabla 2.25. Cuadro de resultados. Fuente: Autor.
2.5.5 Análisis de Resultados de las Pruebas
La Aplicación Web es fiable y segura, debido a que el diseño está elaborado cuidadosamente
para almacenar la información de forma segura, pudiendo ser utilizada en el momento que
se crea conveniente por parte de los usuarios.
La aplicación web permite acceso inmediato a la información independientemente del lugar
geográfico.
Ahorro de recursos físicos y económicos para gestionar la información.
Inviolabilidad de la información a través de mecanismos de seguridad digital.
Su manejo es totalmente sencillo y no produce confusiones al usuario de la aplicación.
La información es clara y concisa mediante las páginas informativas y más aun en las páginas
dinámicas.
En la parte del navegante se pudo observar que resulta muy atractiva e informativa, para la
promoción de los productos expuestos a la venta.
El diseño en forma modular de la aplicación, funciona de forma correcta, es del gusto del
usuario.
El diseño de las pantallas, es intuitivo, de fácil manejo para el usuario.
La Aplicación valida la información de forma correcta, antes de guardarla en la base de datos,
además en caso de error de parte del usuario, le indica en que parte del formulario cometió
el error, mediante mensajes, para que corrija.
Al ser la aplicación liviana, es rápida, y no consume demasiados recursos de memoria.
La Aplicación web es de fácil instalación, y funciona en los navegadores, de manera correcta.
La Aplicación web, es de fácil mantenimiento, permite ser modificada, e incluso se le puede
amentar más módulos.
CAPÍTULO III
ESTUDIO DE VIABILIDAD
Se refiere a la disponibilidad de los recursos necesarios para llevar a cabo los objetivos o metas
señalados, la viabilidad se apoya en 3 aspectos básicos:
• Técnica.
• Económica
• Operativa.
3.1. VIABILIDAD TÉCNICA.
Sobre la viabilidad y recursos, si es viable por que la empresa cuenta la infraestructura adecuada y la
tecnología actual, los recursos en software y hardware necesarios, también con licencias originales,
con profesionales con conocimiento en sistemas informáticos, para el desarrollo e implantación de
este proyecto, listados en (1.4 Recursos, pág.12), lo que es una oportunidad de aprovechar de
manera segura y eficaz en beneficio de la Empresa.
3.2. VIABILIDAD OPERATIVA
La empresa cuenta con el personal administrativo con conocimientos necesarios para el manejo de la
Aplicación Web, así como también tienen personal capacitado para el cuidado y mantenimiento del
equipo que cumplirá las funciones de servidor.
Operativamente el proyecto es factible ya que la manera de actuar del usuario es intuitiva como la
mayoría de las aplicaciones web, además de los manuales y ayudas de los cuales dispone, la parte
administrativa en donde el Tcnlg. Byron Carranco, tendrá absoluta facilidad y claridad para realizar
cambios en la ejecución teniendo en cuenta la aceptación y apoyo de la gerencia y el equipo de
profesionales informáticos vinculados con la empresa debidamente capacitados, en el uso de
aplicaciones online, programación php, servidores, bases de datos, lo cual garantiza el
mantenimiento de la base de datos, modificaciones y permitirá adicionar evoluciones en el código
fuente de la aplicación, y de así requerirlo a futuro la implementación de nuevo módulos.
3.3. VIABILIDAD ECONÓMICA
El proyecto es económicamente factible ya que los costos de implementación son $ 3586 dólares, la
empresa manifiesta que cumple, dispone de los recursos económicos y es conveniente el desarrollo e
implantación del portal web, por la rentabilidad económica que se obtendrá, al sobrepasar en
calidad, cantidad y otros aspectos relacionados a sistemas actuales que realiza de forma manual la
empresa.
CAPÍTULO IV
DOCUMENTACIÓN
4.1. MANUAL DE USUARIO.
4.1.1. Requerimientos del Sistema
4.1.1.2. Hardware
Cualquier equipo con conexión a Internet, con un ancho de banda de 256 Mbps ó superior, lo que le
permite visualizar las páginas Web desde un navegador y acceder a otros servicios.
Se recomienda ADSL ó superior, en el cual el canal de datos es asimétrico, es decir, el canal de
recepción de datos tiene mayor velocidad que el canal de envío de datos.
DESCRIPCIÓN HARDWARE RECOMENDADO COMPUTADORES CLIENTE.
Procesador Intel de 2.4 GHz ó superior
Memoria RAM 1GB ó superior
Disco duro 160 GB. ó superior
Tarjeta de red de 10/100 Mbps ó superior
Tabla 4.1 Hardware. Fuente: Autor.
No es aconsejable un computador con poca capacidad de almacenamiento, procesamiento o
memoria.
4.1.1.3. Software
PHP corre en (casi) cualquier plataforma utilizando el mismo código fuente, pudiendo ser compilado
y ejecutado en algo así como 25 plataformas, incluyendo diferentes versiones de Unix, Windows (95,
98, NT, ME, 2000, XP) y Macs. Como en todos los sistemas se utiliza el mismo código base, los scripts
pueden ser ejecutados de manera independiente al OS.
No es aconsejable que el computador servidor de aplicación tenga demasiados programas instalados
o en ejecución.
4.1.1.3.1. Requisitos de la Instalación:
Para el funcionamiento de esta aplicación web se recomienda el siguiente software:
Requisito Descripción
Sistema Operativo Windows
Servidor Apache
Lenguajes PHP, Javascript
Bases de Datos MYSQL
Entorno de Red Localhost
Distribución Operativa Appserv 2.5.10
Animación Plug-in macromedia Flash Player
Navegador Internet Explorer v.6.0 ó superior
Tabla 4.2 Requisitos de la Instalación. Fuente: Autor
No es aconsejable instalar en más de dos terminales, con el mismo nombre de servidor.
4.1.2. Instalación
A continuación están los pasos para que el usuario pueda instalar el producto:
1. Descomprimir el archivo: PROYECTO FINAL.rar
Ilustración 4.1. Archivo zip con la aplicación. Fuente: Autor.
2. Dentro de este archivo encontramos las siguientes carpetas:
Ilustración 4.2. Archivo zip de la aplicación desempaquetado. Fuente: Autor.
Carpeta Contenido
DOCUMENTACIÓN Encontramos los documentos sobre el proyecto informático “Portal Web para
la gestión de comercialización y marketing en la Empresa Distribuidora
O.P.C.”, presentación Power Point y documento en Word.
APLICACIÓN Encontramos el script de la base de datos vacía y otro script con datos de
ejemplo. Encontramos la aplicación lista para ser copiada a la carpeta www
del servidor web.
INSTALADORES Encontramos varios instaladores como el install_flash_player_active_x que es
un plugin para que funcione las animaciones flash, Appserv 2.5.10, el cual
contiene Apache, PHP y MySQL.
Tabla 4.3 Carpetas y contenidos del archivo zip desempaquetado Fuente: Autor
2. Instalar la distribución del Appserv 2.5.10, que se encuentra en la carpeta 04 Instalador.
Appserv 2.5.9 instala y configura automáticamente Apache, PHP y MySQL.
4.1.2.1. Instalación de AppServ (Apache, PHP y MySQL, PhpMyAdmin)
Hacer clic en el icono del instalador.
Ilustración 4.3. Modelo de pantalla como instalar Appserv. Fuente: Autor.
Luego de hacer clic en el icono del instalador del AppServ 2.5.10 nos aparece la siguiente
pantalla, hacemos clic en :
Ilustración 4.4. Modelo de pantalla setup wizard Appserv. Fuente: Autor.
En esta pantalla nos muestra el Acuerdo de Licencia, hacer clic en la opción :
Ilustración 4.5. Modelo de pantalla license agreement Appserv. Fuente: Autor.
En esta pantalla nos muestra Seleccionar ubicación de instalación, hacer clic en la opción
:
Ilustración 4.6. Modelo de pantalla choose install location Appserv. Fuente: Autor.
En esta pantalla nos muestra Seleccione Componentes, hacer clic en la opción :
Ilustración 4.7. Modelo de pantalla select components Appserv. Fuente: Autor.
En esta pantalla muestra Información de servidor Apache HTTP, introducir la información que
nos solicita como: nombre del servidor, email del administrador, hacer clic en la opción
:
Ilustración 4.8. Modelo de pantalla apache http server information Appserv. Fuente: Autor.
En esta pantalla nos muestra Configurar el servidor MySQL, introducir la información que nos
solicita como: password del root, hacer clic en la opción :
Ilustración 4.9. Modelo de pantalla MySQL Server configuration Appserv. Fuente: Autor.
En esta pantalla nos muestra Por favor, espere mientras AppServ se está instalando, en
podemos ver los detalles de la instalación.
Ilustración 4.10. Modelo de pantalla installing Appserv. Fuente: Autor.
En esta pantalla nos muestra Appserv 2.5.10 ha sido instalado en su ordenador.
Haga clic en Finalizar para cerrar este asistente.
Ilustración 4.11. Modelo de pantalla completing setup Appserv. Fuente: Autor.
4.1.2.2. Instalación de la aplicación.
Tendrá que copiar la aplicación que se encuentra dentro de la carpeta 03 Implementación, en la
carpeta www de su servidor web.
Ilustración 4.12. Modelo de pantalla carpeta implementación. Fuente: Autor.
4.1.2.3. Instalación de la base de datos.
Para la restauración de la base de datos, en la carpeta BDD de la aplicación encontrará un script
el cual debe restaurar, en el equipo del servidor web, desde su navegador favorito, en la
dirección url deberá escribir localhost ó loopback 127.0.0.1 al escribir esto aparecerá si instaló el
Appserv la aplicación phpMyAdmin.
Ilustración 4.13. Modelo de pantalla carpeta base de datos. Fuente: Autor.
Luego en la opción importar, le aparecerá la opción examinar, es allí donde le indicara a la
aplicación la locación del archivo sql, que se encuentra en la carpeta BDD de nuestra aplicación.
Ilustración 4.14. Modelo de pantalla restaurar script base de datos. Fuente: Autor.
4.1.2.4. Instalación en servidor remoto
1. Deberá subir todo el contenido de la carpeta implementación al servidor web donde alojará
la aplicación web.
2. Deberá subir el script de la base de datos que se encuentra en la carpeta bdd de la aplicación
web.
4.1.3. Manejo de la aplicación
El objetivo que se persigue con la aplicación del presente manual es:
Dar a conocer a los usuarios finales las características y las formas de funcionamiento del
software: “Portal web para la gestión de comercialización y marketing en la empresa
distribuidora O.P.C.”
Para ingresar a la aplicación puede hacerlo ingresando a www.opcibarra.com.ec
4.1.3.1. Módulo Cliente
Es el módulo al que tendrán acceso los clientes, donde podrán seleccionar los productos de su
agrado y realizar los pedidos.
4.1.3.1.1. Inicio
La primera página que nos da la Bienvenida, los servicios, productos, promociones, novedades que la
empresa ofrece y su ubicación, dirección, al pulsar en el botón www.opcibarra.com accedemos al
módulo de clientes.
Ilustración 4.15. Página de Inicio. Fuente: Autor.
4.1.3.1.2. Selección de productos
Es en esta pantalla donde los clientes pueden ver y seleccionar del catálogo de productos, los
productos que más sean de su agrado, para luego poder realizar el pedido.
Ilustración 4.16. Selección de productos. Fuente: Autor.
4.1.3.1.3. Carrito de compras
Luego de seleccionar los productos deseados, el cliente pasa al carrito de compras, donde indica la
cantidad que solicita, es aquí donde puede ver cuánto le cuesta, su compra, para si se decide, pasar a
realizar el pedido.
Ilustración 4.17 Carrito de compras. Fuente: Autor.
4.1.3.1.4. Registro de nuevo usuario
Luego de seleccionar los productos deseados, el cliente de no encontrarse registrado puede hacerlo,
ingresando sus datos personales, y la dirección a la cual desea se le envíe su pedido.
Ilustración 4.18 Registro de nuevo usuario. Fuente: Autor.
4.1.3.1.5. Pedido Realizado
En esta pantalla el cliente puede ver el pedido que acaba de hacer, para si desea continuar
comprando y realizar otro pedido o salir de la aplicación.
Ilustración 4.19 Pedido realizado. Fuente: Autor.
4.1.3.2. Módulo Administrador
Es el módulo al que tendrán acceso los administradores de la aplicación, donde podrán crear nuevas
cuentas de administrador, mantenimiento de cuentas, tipo de producto, marcas, productos,
servicios, clientes, preguntas de los clientes, revisar pedidos de productos.
4.1.3.2.1. Verificación de usuario
Escribir usuario y contraseña. El sistema validará la seguridad según el rol preestablecido.
Ilustración 4.20 Verificación de usuario. Fuente: Autor.
4.1.3.2.2. Menú de administración
Tiene acceso para mantenimiento de cuentas, tipo de producto, servicios, clientes, proveedores,
preguntas, pedidos, facturas compra, facturas ventas, kardex.
Ilustración 4.21 Menú de administración. Fuente: Autor.
4.1.3.2.3. Usuarios
Permite insertar, modificar, eliminar, reporte de usuarios, estos usuarios son los que tienen acceso al
módulo de administrador
Ilustración 4.22 Opción usuarios. Fuente: Autor.
4.1.3.2.4. Nuevo usuario
Permite insertar, modificar, eliminar, reporte de usuarios, estos usuarios son los que tienen acceso al
módulo de administrador
Ilustración 4.23 Opción nuevo usuario. Fuente: Autor.
4.1.3.2.5. Reporte usuarios
Permite visualizar antes de la impresión, la lista de usuarios son los que tienen acceso al módulo de
administrador
Ilustración 4.24 Opción reporte usuarios. Fuente: Autor.
4.1.3.2.6. Categorías de productos.
Permite insertar nueva, modificar, eliminar, reporte de categorías, las categorías son la forma como
categorizamos nuestros productos.
Ilustración 4.25 Opción categorías de productos. Fuente: Autor.
4.1.3.2.7. Reporte categorías de productos.
Permite insertar, modificar, eliminar, reporte de categorías, las categorías con la forma como
catalogamos nuestros productos.
Ilustración 4.26 Opción reporte categorías de productos. Fuente: Autor.
4.1.3.2.8. Marcas
Permite insertar, modificar, eliminar, reporte de marcas, cada producto tiene su respectiva marca de
fabricante.
Ilustración 4.27 Opción marcas. Fuente: Autor.
4.1.3.2.9. Nueva marca
Permite ingresar la marca, además de la descripción de la nueva marca, y la imagen o logo de la
marca.
Ilustración 4.28 Opción nuevas marcas. Fuente: Autor.
4.1.3.2.10. Reporte marcas
Permite visualizar el reporte de marcas, antes de la impresión, cada producto tiene su respectiva
marca de fabricante.
Ilustración 4.29 Opción reporte marcas. Fuente: Autor.
4.1.3.2.11. Productos
Permite insertar, modificar, eliminar, reporte de productos, cada producto tiene su respectiva
imagen, descripción, serie, categoría y marca.
Ilustración 4.30 Opción productos. Fuente: Autor.
4.1.3.2.12. Nuevo producto.
Permite registrar un nuevo producto, además si la categoría, subcategoría, marca, modelo es nueva,
también nos permite crearla.
Ilustración 4.31 Opción nuevo productos. Fuente: Autor.
4.1.3.2.13. Reporte productos
Permite visualizar el reporte de productos previó a la impresión.
Ilustración 4.32 Opción reporte productos. Fuente: Autor.
4.1.3.2.14. Servicios
Permite insertar, modificar, eliminar, reporte de servicios que presta la empresa, a los clientes.
Ilustración 4.33 Opción servicios. Fuente: Autor.
4.1.3.2.15. Nuevo servicio
Permite ingresar un nuevo servicio, su descripción en que consiste y la imagen logo del nuevo
servicio.
Ilustración 4.34 Opción nuevo servicio. Fuente: Autor.
4.1.3.2.16. Reporte servicios
Permite visualizar el reporte de servicios previó a la impresión.
Ilustración 4.35 Opción reportes servicios. Fuente: Autor.
4.1.3.2.17. Clientes
Permite insertar, modificar, eliminar, reporte de clientes, los datos de clientes son apellidos,
nombres, cédula, correo y teléfono.
Ilustración 4.36 Opción clientes. Fuente: Autor.
4.1.3.2.18. Nuevo cliente
Permite ingresar los datos de un nuevo cliente, validando la información que registramos.
Ilustración 4.37 Opción nuevo cliente. Fuente: Autor.
4.1.3.2.19. Reporte clientes
Permite visualizar el reporte de clientes previó a la impresión.
Ilustración 4.38 Opción reporte clientes. Fuente: Autor.
4.1.3.2.20. Preguntas frecuentes de clientes F.A.Q
Permite insertar, modificar, eliminar, reporte de preguntas que se le realizan a los usuarios nuevos
para que así puedan recordar la clave luego.
Ilustración 4.39 Opción preguntas frecuentes de clientes F.A.Q. Fuente: Autor.
4.1.3.2.21. Reporte preguntas frecuentes de Clientes F.A.Q
Permite visualizar el reporte de preguntas previó a la impresión.
Ilustración 4.40 Opción reporte preguntas. Fuente: Autor.
4.1.3.2.22. Revisar pedidos
Permite revisar los pedidos realizados por los clientes, es aquí donde según como se encuentre el
pedido podemos cambiar los estados del pedido como son pendiente, entregado, cancelado.
Ilustración 4.41 Opción Revisar Pedidos. Fuente: Autor.
4.1.3.2.23. Ver pedido
Permite observar el detalle de un pedido seleccionado, esta opción la encontramos en la pantalla de
pedidos al hacer clic en el icono de la opción ver.
Ilustración 4.42 Opción detalle pedido. Fuente: Autor.
4.2. MANUAL TÉCNICO
4.2.1. Arquitectura de la aplicación web.
En aplicaciones grandes es muy complicado mantenerlas si estas están todas en una sola aplicación,
es por esto que se divide la aplicación según su funcionalidad, a esto se le llama dividir en capas.
Mucha gente divide en tres capas, el orden no importa lo que importa es su significado. El objetivo es
separar de la lógica de negocios de la lógica de diseño.
Ilustración 4.43. Programación por capas.
Fuente: http://es.wikipedia.org/wiki/Programaci%C3%B3n_por_capas
4.2.1.1. Capa cliente.
Es el cliente de la aplicación, la interfaz gráfica con la que interactúa el usuario. En esta capa se
encuentran todo lo que tenga que ver con el usuario que interactúa, por ejemplo las pantallas.
Ilustración 4.44. Modelo de Pantallas Diseño. Fuente: Autor.
4.2.1.2. Capa lógica de negocio.
Es donde residen los programas que se ejecutan, se reciben las peticiones del usuario y se envían las
respuestas tras el proceso. Se denomina capa de negocio (e incluso de lógica del negocio) porque es
aquí donde se establecen todas las reglas que deben cumplirse. Esta capa se comunica con la capa de
presentación, para recibir las solicitudes y presentar los resultados, y con la capa de datos, para
solicitar al gestor de base de datos para almacenar o recuperar datos de él. También se consideran
aquí los programas de aplicación.1 1 Wikipedia (2008). Arquitectura_de_tres_niveles . Consultado el 18 de Octubre de 2010.
Ilustración 4.45. Modelo de pantalla capa código. Fuente: Autor.
4.2.1.3. Capa datos.
Son los datos de la aplicación, toda aplicación necesita datos para funcionar. Generalmente esta
capa se representa mediante un Motor de Base de Datos pero no es obligatorio, también puede
estar en archivos, lo importante es que contiene los datos de la aplicación en una nómina los datos
serían los empleados, sus departamentos, sueldos, etc.
4.2.1.4. Módulos del programa.
Se muestra en la siguiente figura: La Aplicación se la desarrolló por módulos los cuales son:
Usuarios
Modulo de Preguntas frecuentes: Preguntas de clientes y respuestas sobre productos.
Módulo de Trabajos: Trabajos a retirarse y costo.
Modulo de Facturación: Facturas Ventas. Facturas Compras.
Módulo de pagos y pedidos: Revisión de pagos y pedidos.
Modulo de Configuración: Usuarios y roles, Cambio de Parámetros de negocio,
utilidades, etc.
Clientes
Modulo de Comercio Electrónico y
Marketing:
Registro de usuarios, Compras Online, consulta de
productos.
Tabla 4.4 Módulos del programa. Fuente: Autor.
4.2.2. Tecnología y herramientas
4.2.2.1. Tecnologías utilizadas para el desarrollo de la aplicación web
Las diferentes tecnologías utilizadas para este desarrollo son las siguientes:
Tecnologías
Sistema Operativo Servidor web Base de datos Lenguajes de
Programación
Tabla 4.5. Tecnologías utilizadas para el desarrollo de la aplicación web. Fuente: Autor.
4.2.2.2. Herramientas
Las herramientas utilizadas en el desarrollo de esta aplicación son las siguientes:
Diseño de la Base de Datos en Power Designer versión 12.
Base de Datos en MySQL Database Versión 5.0.45 I.
Desarrollo de la aplicación en Dreamweaver MX 2008.
Menús, edición de iconos, imágenes Fireworks MX 2008.
Pantallas e Imágenes Adobe Photoshop.
Videos Windows Movie Maker Versión 5.1.
Animaciones en Flash Macromedia Versión 8.
Servidor de Pruebas Apache Web Server Versión 2.2.4
4.2.2.3. Sistemas Operativos en los que se desarrolló la aplicación:
Debido a que se programó en diferentes computadores, se tuvo la oportunidad de probar la
aplicación en los siguientes sistemas operativos comprobando que la aplicación funciona
correctamente.
4.2.2.3.1. Windows 7
Windows 7 es la versión más reciente, moderna y compleja de Microsoft Windows, línea de sistemas
operativos producida por Microsoft Corporation. Esta versión está diseñada para uso en PC,
incluyendo equipos de escritorio en hogares y oficinas, equipos portátiles, tablet PC, netbooks y
equipos media center. Posee además capacidades multitáctiles, una interfaz rediseñada junto con
una nueva barra de tareas y un sistema de redes domésticas simplificado y fácil de usar denominado
Grupo en el Hogar, además de importantes mejoras en el rendimiento general del sistema
operativo.
4.2.2.3.2. Linux
Es usado ampliamente en servidores y cuenta con el respaldo de corporaciones como Dell, Hewlett-
Packard, IBM, Novell, Oracle, Red Hat y Sun Microsystems.
Las variantes de estos sistemas se denominan "distribuciones" y su objetivo es ofrecer una edición
que cumpla con las necesidades de determinado grupo de usuarios. De este modo hay
distribuciones para hogares, empresas y servidores.
4.2.2.4. Herramientas CASE:
4.2.2.4.1. Rational Rouse
Es una de las más poderosas herramientas de modelado visual para el análisis y diseño de sistemas
basados en objetos. Se utiliza para modelar un sistema antes de proceder a construirlo. Cubre todo
el ciclo de vida de un proyecto: concepción y formalización del modelo, construcción de los
componentes, transición a los usuarios y certificación de las distintas fases.
4.2.2.4.2. Power Designer
4.2.2.4.2.1. La Herramienta Líder en Modelamiento Empresarial
PowerDesigner es un único conjunto de herramientas de modelamiento que combina distintas
técnicas estándar de modelamiento: modelamiento de aplicación a través de UML, técnicas de
modelamiento de procesos empresariales y técnicas tradicionales de modelamiento de base de
datos.
La última versión, PowerDesigner 12.5, ofrece características para los más exigentes modeladores
de base de datos, tales como el soporte a las más recientes versiones de base de datos,
herramientas de análisis de base de datos más poderosas y notación IDEF 1/X.
Para aquellos que buscan una herramienta estándar de modelamiento para administración de
meta-datos a nivel empresarial, PowerDesigner 12.5 ofrece innovaciones en modelamiento de
procesos empresariales, incluyendo soporte de simulación y procesamiento ejecutable de
procesos de negocio, mayor integración con los ciclos de desarrollo de lenguaje como C# y
VB.Net y técnicas más poderosas de generación inter-modelos, encadenamiento y
sincronización.
4.2.2.5. Appserv 2.5.9
Es una herramienta OpenSource para Windows que facilita la instalación de Apache, MySQL y PHP en
una sola herramienta, esta característica facilita la tarea al usuario ya que se configuran las
aplicaciones de forma automática.
AppServ instalará en tu ordenador en tan sólo unos segundos Apache, PHP, MySQL y phpMyAdmin,
dejando las aplicaciones configuradas para su funcionamiento inmediato.
AppServ en su última versión (AppServ 2.6.0) incluye:
Apache 2.2.8: servidor HTTP multiplataforma. PHP 6.0.0-dev: lenguaje de programación dinámico
que utilizan la mayoría de gestores de contenidos más populares. Se integra a la perfección con
MySQL y Apache. MySQL 6.0.4-alpha: gestor de bases de datos, rápido y seguro. phpMyAdmin-
2.10.3: interfaz gráfica de administración para MySQL.
Una vez instalado AppServ, dispondremos de un servidor web y otro de base de datos propio,
configurado de manera local, y que nos permitirá realizar todas las pruebas necesarias en nuestra
web antes de lanzarla a la red.
Como extra incorpora phpMyAdmin para el manejo de MySQL 2
2 Wikipedia (2010). Appserv . Consultado el 18 de Octubre de 2010.
4.2.2.6. Servidor web:
4.2.2.6.1. Apache
Apache presenta entre otras características mensajes de error altamente configurables, bases de
datos de autenticación y negociado de contenido, con una interfaz gráfica sencilla, de fácil
configuración.
Apache tiene amplia aceptación en la red desde 1996, Apache, es el servidor HTTP más usado.
Alcanzó su máxima cuota de mercado en 2005 siendo el servidor empleado en el 70% de los sitios
web en el mundo, sin embargo ha sufrido un descenso en su cuota de mercado en los últimos
años
La mayoría de las vulnerabilidades de la seguridad descubiertas y resueltas tan sólo pueden ser
aprovechadas por usuarios locales y no remotamente.
Ventajas: Modular, Open source, Multi-plataforma, Extensible, Popular (fácil conseguir
ayuda/soporte), Gratuito.
4.2.2.7. Base de datos:
4.2.2.7.1. MySQL
Es un sistema de gestión de base de datos relacional, multihilo y multiusuario con más de seis
millones de instalaciones.[1] MySQL AB —desde enero de 2008 una subsidiaria de Sun
Microsystems— desarrolla MySQL como software libre en un esquema de licenciamiento dual.
MySQL es una base de datos muy rápida en la lectura cuando utiliza el motor no transaccional
MyISAM, pero puede provocar problemas de integridad en entornos de alta concurrencia en la
modificación. En aplicaciones web hay baja concurrencia en la modificación de datos y en cambio
el entorno es intensivo en lectura de datos, lo que hace a MySQL ideal para este tipo de
aplicaciones.
Esta Base de Datos MySQL funciona sobre diversas plataformas.
Algunas de sus características:
Soporte a multiplataforma
Procedimientos almacenados
Triggers
Cursores
Vistas actualizares.
4.2.2.8. Lenguajes de programación:
4.2.2.8.1. PHP
Es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas
web dinámicas. Es usado principalmente en interpretación del lado del servidor (server-side
scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la
creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica PHP es un lenguaje
interpretado de propósito general ampliamente usado y que está diseñado especialmente para
desarrollo web y puede ser embebido dentro de código HTML. Generalmente se ejecuta en un
servidor web, tomando el código en PHP como su entrada y creando páginas web como salida. Puede
ser desplegado en la mayoría de los servidores web y en casi todos los sistemas operativos y
plataformas sin costo alguno. PHP se encuentra instalado en más de 20 millones de sitios web y en
un millón de servidores.
4.2.2.8.1.1. Ventajas de PHP.
Es un lenguaje multiplataforma.
Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan en la
actualidad, destaca su conectividad con MySQL
Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o
extensiones).
Posee una amplia documentación en su página oficial, entre la cual se destaca que todas las
funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda.
Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
Permite las técnicas de Programación Orientada a Objetos.
Biblioteca nativa de funciones sumamente amplia e incluida.
No requiere definición de tipos de variables.
Tiene manejo de excepciones (desde php5).
4.2.2.8.1.2. JavaScript
Es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado
principalmente en páginas web. Todos los navegadores modernos interpretan el código JavaScript
integrado dentro de las páginas web.
Tradicionalmente, se venía utilizando en páginas web HTML, para realizar tareas v operaciones en el
marco de la aplicación únicamente cliente, sin acceso a funciones del servidor. JavaScript se ejecuta
en el agente de usuario al mismo tiempo que las sentencias van descargándose junto con el código
HTML.
4.2.2.9. Herramienta de programación
4.2.2.9.1. Macromedia Dreamweaver 2008
En Macromedia Studio MX 2008, mediante su herramienta principal que es Dreamweaver MX 2008
que es compatible con el motor de base de datos que vamos a utilizar MySQL Database Versión
5.0.45 utilizando como servidor web Apache Web Server Versión 2.2.4 que es fácilmente instalable
con la herramienta Appserv 2.5.9, para su desarrollo y como Sistema Operativo Windows Vista.
4.2.2.10. Diseño gráfico:
4.2.2.10.1. Adobe Photoshop CS3
Photoshop CS esconde mejoras, que suponen nuevas formas de trabajar con el software de Adobe,
que además es el pilar de la empresa y uno de los referentes líderes del mercado actual de diseño.
Esta entrega denota una atención especial en los ámbitos de video, fotografía, web y producción
gráfica. No obstante, durante cualquier tipo de desarrollo, el usuario despliega sus conocimientos
con total libertad haciendo uso de una infinidad de recursos. De principio a fin, Photoshop CS es
impecable.
La primera observación que se obtiene después de instalar e iniciar Photoshop CS tiene como
protagonista al sistema de exploración de archivos, a través del cual se abre una imagen para
trabajarla en el área de desarrollo del programa. Es posible previsualizar imágenes e incluso, como
gran novedad, asignar metadatos y palabras de tal manera que se pueda hacer una clasificación,
búsqueda o registro de los cambios realizados. De esta forma, la organización de documentos resulta
de lo más eficiente, destacándose la capacidad de guardar detalles acerca del desarrollo de cada
impresión. Asimismo pueden realizarse operaciones de conversión de formatos o edición, sin
necesidad de abrir las imágenes. Por otro lado, las opciones de escaneo se ven favorecidas con la
inclusión de una función que permite tomar varias imágenes de una vez, llevando cada nueva foto al
documento correspondiente y continuando con la siguiente hasta finalizar el proceso.
4.2.2.10.2. Flash CS3
Desde hace tiempo, proliferan los trabajos hechos en Flash y se pueden ver muchas páginas que
incorporan animaciones, sonido y efectos realmente interesantes.
En un principio esta fue una tecnología más, con la necesidad de instalar un plug-in para poder
visualizarse. Cualquier webmaster es reacio a incorporar a una página web contenidos para los que
sea necesario utilizar plug-ins, pues es de suponer que no todos los tendrán y que se va a marginar a
una serie de usuarios. Con el tiempo, flash se ha convertido en un estándar, viene en la instalación
básica de los exploradores, se instala automáticamente si el navegador no lo tiene y muchas páginas
lo utilizan. Como resultado tenemos que los webmasters o diseñadores del web lo vienen utilizando
para crear todo tipo de efectos, incluso en la home page o diseñando toda la página con Flash.
La clave de Flash es que es un programa de animación vectorial. Esto significa que se pueden crear
animaciones complejas: aumentar y reducir elementos de la animación, mover de posición estos
objetos, y otras cosas sin que la animación ocupe mucho espacio en el disco. Los vectores con los que
trabaja Flash sólo son, por decirlo de alguna manera, siluetas que casi no ocupan espacio y se pueden
modificar fácilmente y sin gasto de memoria en disco.
4.2.2.10.3. Fireworks CS3
Fireworks es una suite de diseño vectorial que agrupa texto, diseño, ilustración, edición de imágenes,
URL, JavaScript, y herramientas de animación.
Podrá dibujar usando brochas orgánicas, y crear formas y objetos ilimitados. Y si se equivoca puede
volver atrás y editar cualquiera de los cambios.
Diseñado desde un primer momento para satisfacer las necesidades de los diseñadores Web
profesionales, Fireworks incluye opciones tan avanzadas como: exportación de previsualización
visual, control total sobre las paletas de color y la compresión de las mismas, generación automática
de botones de estado y mensajes en JavaScript, control total sobre textos y efectos que se pueden
editar en cualquier momento.
Si diseña imágenes para páginas Web, no deje de probar este excelente programa.
Funciones principales:
Posibilidad de edición de mapas de bits y vectores.
Optimización de imágenes.
Integración eficaz de Photoshop e Illustrator.
Diseño rápido de prototipos.
Posibilidad de crear varias páginas en un único documento (archivo PNG).
Organización jerárquica de las capas.
Efectos de luz y de sombras, estilos y modos de fusión.
Utilización de una biblioteca común de símbolos gráficos, símbolos de texto y animaciones
que se usan con frecuencia en aplicaciones, formularios, interfaces y sitios web.
Aplicación de escalas inteligentes a botones y símbolos gráficos (en vectores o mapas de bits)
con escalas de nueve cortes.
Integración optimizada de Dreamweaver y Flash.
4.2.2.10.4. Windows Media Maker
Utiliza Windows Movie Maker para crear tus propias películas. De manera fácil, podrás llevar a cabo
tus montajes, incluyendo sonidos, imágenes y texto en tus videos.
Windows Movie Maker incluye, desde las herramientas más sencillas como la función de cortar y
pegar, o arrastrar y soltar imágenes y sonidos, hasta otras funciones más complejas, como utilizar
más de 28 efectos especiales y más de 60 efectos de transiciones, y consiguiendo así resultados
espectaculares.
Una vez que hayas creado y editado tus videos con Windows Movie Maker, podrás grabarlos en un
CD o DVD, y disfrutarlos en tu propia televisión o cámara de video.
Otra opción que te ofrece Windows Movie Maker es la de enviar las películas que has creado a través
de tu correo electrónico. Windows Movie Maker es la nueva versión para el sistema operativo
Windows Vista.
CAPÍTULO V
CONCLUSIONES Y RECOMENDACIONES
5.1. CONCLUSIONES
El sitio web permite al cliente realizar sus compras directamente a la empresa y llevar dentro
del mismo sitio un catálogo de las facturas emitidas por la compra realizada, mientras que a
la empresa OPC permite mantener un esquema de trabajo seguro en sus ventas para el envió
correspondiente de sus productos.
Con la implementación de la aplicación web los clientes podrán tener un servicio de consulta
de los productos de una forma rápida y eficiente.
En la organización OPC, el desarrollo de esta aplicación ha permitido que dicha empresa
tenga un mejor desenvolvimiento, ahorro en licencias por ser este un software libre.
La aplicación en si por su valor, viene a ser parte del capital de la empresa, debido a su
utilidad para generar beneficios económicos, al ser una ayuda para el usuario al aportar
orden en el trabajo y precisión en los datos que maneja.
He podido comprobar el valor de la aplicación web, como herramienta de trabajo, su
importancia en el aumento de la productividad dentro de la empresa.
Este software y el conocimiento fruto de la información almacenada y ordenada es ventaja
de la empresa frente a la competencia, mejorando así la competitividad.
La correcta definición de los requisitos es clave porque, permite ahorrar tiempo en el diseño
de la aplicación, al evitar que tengamos que hacer cambios constantes por no definir bien
desde el comienzo, lo que el usuario necesita.
La mayoría de los trabajadores siente que la informática hace más eficiente su trabajo, a la
vez que ahorra tiempo en sus labores.
5.2. RECOMENDACIONES
Se recomienda sacar respaldos de la base de datos de forma periódica para de esta manera
poder tener la información segura siempre y así evitar pérdidas de información importante.
El computador donde se encuentre la aplicación web, debe tener un buen hardware
tomando en cuenta, capacidad de procesamiento, memoria y almacenamiento. Asimismo, el
hecho de trabajar con equipos modernos motiva a los trabajadores
El computador donde instale la aplicación web, debe estar libre de virus, con antivirus
actualizado, no debe tener instalado demasiadas aplicaciones porque esto disminuiría el
rendimiento.
Se recomienda realizar una capacitación al personal que usara la aplicación, con la finalidad
de obtener el mejor aprovechamiento del software y evitar posibles daños por mal manejo.
Importantes se recomienda al realizar software el diálogo entre el diseñador del software y
los usuarios, entre otras cosas para descubrir y definir los requisitos. Es preciso que los
usuarios comprendan claramente lo que necesitan.
Continuar con el desarrollo de aplicaciones de para las empresas por que permiten ahorrar
tiempo y aumentan la productividad, con tecnologías actuales e implementar en diferentes
áreas, usar herramientas actuales, permiten hacer aplicaciones de calidad, ahorrando
tiempo.
Actualizar y dar mantenimiento a la aplicación es importante para que la aplicación funcione
correctamente y así evitar errores, permitiendo que la aplicación se mantenga liviana y libre
de errores.
Cualquier módulo adicional que desarrolle sea siguiendo la metodología RUP, permite ir
documentando en todo el proceso de desarrollo, y manteniendo en cada fase la calidad de la
aplicación.
Probar la aplicación en diferentes navegadores, realizar múltiples pruebas, permitirle al
usuario final opinar acerca de que le parece y que más le gustaría ver en la aplicación,
sugerirle para luego consultarle si así lo desea sobre el diseño y colores, explicándole cuando
se añada un módulo que ventajas tendrá para él y su empresa.
BIBLIOGRAFÍA
López Quijado, José (2007). ”DOMINE PHP Y MYSQL”. Alfao ga Ra_Ma/primera edición.
Marino González, José; Cordero, José Manuel (2001) “DISEÑO DE PAGINAS WEB”. MaGraw-
Hill/primera edición.
Medina, Jeanneth (2007). ”ECOMMERCE”. EDLE S.A./ediciones informáticas.
Morales Gordon, Carla (2007). “TIENDAS VIRTUALES”. Talleres de la corporación de estudios y
publicidad.
Pressman, William (2007). "INGENIERÍA DEL SOFTWARE UN ENFOQUE PRÁCTICO, 5ª
EDICIÓN". McGraw Hill.
Rumbaugh Jacobson, Booch (2000), "EL LENGUAJE UNIFICADO DE MODELADO. MANUAL DE
REFERENCIA" - Editorial Addison-Wesley.
KORTH, Henrry F., (2005), “FUNDAMENTOS DE BASE DE DATOS”, segunda edición, Megabyte,
Madrid.
LINKOGRAFÍAS
GONZÁLEZ Oliek Solán (1997) “SISTEMAS DE CONTROL DE ORGANIZACIONES”
http://www.monografias.com/trabajos/gloscompu/gloscompu.shtml 1997
CUEVA LOVELLE (2000) Juan Manuel “ANÁLISIS ORIENTADO A OBJETOS”
http://www.monografias.com/trabajos11/metods/metods.shtml#LOGICO
NAVAS, PILAR, (2005) “CICLO DE VIDA DEL SOFTWARE”
http://www.commercenetcatalunya.org/boletin56/not4.htm
GUÍA BÁSICA (2001) “HOJAS Y ESTILOS WEB”
http://lawebdelprogramador.com
MAESTROS DEL WEB Editorial , PHP (2004) “VENTAJAS Y DESVENTAJAS”
http://www.maestrosdelweb.com
FERRARO, María, “COSAS A TOMAR EN CUENTA AL MOMENTO DE DISEÑAR” (2000)
http://www.informaticamilenium.com.mx/paginas/espanol/sitioweb.htm
ANEXO 1.
GUÍA DE LA ENTREVISTA
Fecha: 19 Enero 2011
Entrevistado: Jefe del Departamento de Sistemas.
Entrevistador: Tcnlg. Byron Carranco
Objetivo: La siguiente entrevista tiene por objeto obtener las opiniones del señor Jefe del
Departamento de Sistemas, para indagar procesos y posibles soluciones, para poder ofrecer una
atención cómoda y servicios a los clientes de OPC, con la implantación a futuro de un Portal Web
para la gestión de comercialización y marketing en la empresa OPC.
1. El software del que disponen tiene Licencias?
2. Para las páginas Web tienen alguna plantilla web?
3. Con que equipos vienen trabajando?
4. Qué software tienen disponible?
5. A qué normas de calidad de Software y Hardware se rigen?
6. Con que motor de base de datos trabajan?
7. Tienen alguna base de Datos en la empresa?
8. Que lenguaje de Programación utiliza la empresa?
9. Disponen de dominio y hosting en Internet?
10. Con cuál metodología de desarrollo trabajan en la empresa?
Muchas Gracias por su colaboración.
ANEXO 2.
ENTREVISTA
Fecha: 19 Enero 2011
Entrevistado: Jefe del Departamento de Sistemas.
Entrevistador: Tcnlg. Byron Carranco
Objetivo: La siguiente entrevista tiene por objeto obtener las opiniones del señor Jefe del
Departamento de Sistemas, para indagar procesos y posibles soluciones, para poder ofrecer una
atención cómoda y servicios a los clientes de OPC, con la implantación a futuro de un Portal Web
para la gestión de comercialización y marketing en la empresa OPC.
1. El software del que disponen tiene Licencias?
Rpta. Si todo el software que utilizamos tiene licencias originales
2. Para las páginas Web tienen alguna plantilla web?
Rpta. No tenemos ninguna plantilla web.
3. Con que equipos vienen trabajando?
Rpta. Computadores Clones, con procesador marca Intel y Celeron, con memorias de 1Gb
Kingston, disco Duro de 200GB, disponemos también de computadores portátiles Toshiba,
Impresora Epson, Impresoras Multifunción HP.
4. Qué software tienen disponible?
Rpta. De diseño gráfico, tutoriales, Hojas de cálculo
5. A qué normas de calidad de Software y Hardware se rigen?
Rpta. Normas ISO
6. Con que motor de base de datos trabajan?
Rpta. No trabajamos con ningún motor de base de datos, si lo tuviéramos nos gustaría que sea
MySQL.
7. Tienen alguna base de Datos en la empresa?
Rpta. No, Todos los datos, los tenemos en Microsoft Excel 2007.
8. Que lenguaje de Programación utiliza la empresa?
Rpta. Nuestra empresa, realiza aplicaciones sencillas en lenguaje Java, JavaScript, PHP y Visual
Studio.NET.
9. Disponen de dominio y hosting en Internet?
Rpta. No
10. Con cuál metodología de desarrollo trabajan en la empresa?
Rpta. Con la metodología R.U.P.
Muchas Gracias por su colaboración.
ANEXO 3.
GUÍA DE LA ENTREVISTA
Fecha: 19 Enero 2011
Entrevistado: Jefe Departamento de Marketing y diseño.
Entrevistador: Tcnlg. Byron Carranco
Objetivo: La siguiente entrevista tiene por objeto obtener las opiniones de la señorita Jefe
Departamento de Marketing y diseño, para poder ofrecer una atención cómoda y servicios a los
clientes de OPC, con la implantación a futuro de un Portal Web para la gestión de comercialización y
marketing en la empresa OPC.
1. Existe apoyo de la administración para proyectos de marketing?
2. Disponen de imágenes y formatos de la empresa?
3. Qué proyectos a futuro tienen en mente?
4. Qué medios se utilizan para la promoción de los productos?
5. La empresa tienen una frase, logo que la identifican?
6. Que colores identifican a la empresa?
7. Que diseños de promociones tiene la empresa?
8. La empresa protege sus diseños con copyright o copyleft?
9. Considera importante el diseño informacional del portal web, para el buen uso de los clientes?
10. La usabilidad del Portal Web mejora con el diseño de formas atractivas en las plantillas?
Muchas Gracias por su colaboración.
ANEXO 4.
ENTREVISTA
Fecha: 19 Enero 2011
Entrevistado: Jefe Departamento de Marketing y diseño.
Entrevistador: Tcnlg. Byron Carranco
Objetivo: La siguiente entrevista tiene por objeto obtener las opiniones de la señorita Jefe
Departamento de Marketing y diseño, para poder ofrecer una atención cómoda y servicios a los
clientes de OPC, con la implantación a futuro de un Portal Web para la gestión de comercialización y
marketing en la empresa OPC.
1. Existe apoyo de la administración para proyectos de marketing?
Rpta. Si existe el apoyo de la empresa a proyectos de marketing
2. Disponen de imágenes y formatos de la empresa?
Rpta. Si disponemos de los logotipos de la Empresa, hojas membretadas.
3. Qué proyectos a futuro tienen en mente?
Rpta. Dar una imagen nueva y moderna de la empresa
4. Qué medios se utilizan para la promoción de los productos?
Rpta. Prensa e Internet.
5. La empresa tienen una frase, logo que la identifican?
Rpta. Si la frase de la empresa es “Lo mejor a tu alcance”, disponemos del logo de la empresa.
6. Que colores identifican a la empresa?
Rpta. Los colores que identifican la empresa son el color azul, verde y ladrillo.
7. Que diseños de promociones tiene la empresa?
Rpta. Tenemos algunas promociones por ejemplo con la reinstalación del sistema, le instalamos
también los programas que el cliente desee gratuitamente, como máximo 7.
8. La empresa protege sus diseños con copyright o copyleft?
Rpta. Los diseños principales los protegemos con copyright, también tenemos algunas imágenes
con copyleft, como por ejemplo las de productos.
9. Considera importante el diseño informacional del portal web, para el buen uso de los
clientes?
Rpta. Si es importante, además de un diseño atractivo, el portal web debe ser interactivo y
funcional.
10. La usabilidad del Portal Web mejora con el diseño de formas atractivas en las plantillas?
Rpta. Si los botones, por ejemplo al tener formas atractivas, hacen más interesante para el
cliente el Portal.
Muchas Gracias por su colaboración.
ANEXO 5.
GUÍA DE LA ENTREVISTA
Fecha: 19 Enero 2011
Entrevistado: Gerente.
Entrevistador: Tcnlg. Byron Carranco
Objetivo: La siguiente entrevista tiene por objeto obtener las opiniones del señor Gerente, para
poder ofrecer una atención cómoda y servicios a los clientes de OPC, con la implantación a futuro de
un Portal Web para la gestión de comercialización y marketing en la empresa OPC.
1. Cree que el comercio electrónico mejoraría los procesos de comercialización?
…………………………………………………………………………………………………
2. La empresa OPC se encontraría dispuesta a adquirir un dominio y hosting en Internet?
…………………………………………………………………………………………………
3. A través de que medio informativo da a conocer su empresa?
…………………………………………………………………………………………………
4. Con qué empresas proveedoras de Internet trabaja?
…………………………………………………………………………………………………
5. Cree que la publicidad en línea aporta positivamente a su empresa?
…………………………………………………………………………………………………
6. Que servicios le gustaría ofrecer vía Internet?
…………………………………………………………………………………………………
…………………………………………………………………………………………………
7. Que productos le gustaría ofrecer vía Internet?
…………………………………………………………………………………………………
…………………………………………………………………………………………………
8. Considera seguro esta forma de hacer negocios?
…………………………………………………………………………………………………
…………………………………………………………………………………………………
9. Le gustaría explorar nuevos mercados en Internet?
…………………………………………………………………………………………………
10. La mayoría de los clientes de donde provienen?
ANEXO 6.
ENTREVISTA
Fecha: 19 Enero 2011
Entrevistado: Gerente.
Entrevistador: Tcnlg. Byron Carranco
Objetivo: La siguiente entrevista tiene por objeto obtener las opiniones del señor Gerente, para
poder ofrecer una atención cómoda y servicios a los clientes de OPC, con la implantación a futuro de
un Portal Web para la gestión de comercialización y marketing en la empresa OPC.
1. Cree que el comercio electrónico mejoraría los procesos de comercialización?
Rpta. Si, por ser una alternativa para los clientes que disponen de Internet.
2. La empresa OPC se encontraría dispuesta a adquirir un dominio y hosting en Internet?
Rpta. Si estaríamos dispuestos a adquirir un dominio y alojamiento en Internet.
3. A través de que medio informativo da a conocer su empresa?
Rpta. A través de la radio y la prensa
4. Con qué empresas proveedoras de Internet trabaja?
Rpta. Andinadatos.
5. Cree que la publicidad en línea aporta positivamente a su empresa?
Rpta. Si, por que llega a más clientes.
6. Que servicios le gustaría ofrecer vía Internet?
Rpta. Instalación o reinstalación del sistema operativo y programas, Respaldo de la información
del disco duro, Actualizaciones de software, Desarrollo de Software, Capacitación en
computación, reseteo de cartuchos, tóner, limpieza de virus.
7. Que productos le gustaría ofrecer vía Internet?
Rpta. Suministros de Computación, Computadores, partes y piezas.
8. Considera seguro esta forma de hacer negocios?
Rpta. Si, debido a las seguridades que existen.
9. Le gustaría explorar nuevos mercados en Internet?
Rpta. Si me gustaría hacer negocios con los clientes a través de Internet.
10. La mayoría de los clientes de donde provienen?
Rpta. Carchi e Imbabura.
Muchas Gracias por su colaboración.
ANEXO 7.
CUESTIONARIO Fecha: 19 Enero 2011
Entrevistados: Clientes
Entrevistador: Tcnlg. Byron Carranco.
Objetivo: El siguiente cuestionario tiene por objeto obtener las opiniones de los clientes, para
poder ofrecer una mejor atención y servicio a usted con la implantación a futuro de un Portal Web
para la gestión de comercialización y marketing en la empresa OPC.
Por favor, conteste a las siguientes preguntas de la forma que mejor refleje su opinión.
1. ¿En qué lugar accede a Internet?
En su casa
Cafenet
Oficina
Otro lugar
2. ¿Con que frecuencia navega en Internet?
1 vez al día
A diario
Más de 1 vez al día
1 vez al més
3. ¿Le gustaría poder comprar por Internet?
SI NO
4. ¿Qué productos le gustaría adquirir vía internet?
Computadores
Suministros de Oficina
Accesorios
Software
Juegos, Música, películas
5. ¿Qué servicios le interesaría que la Empresa ofrezca por Internet?
Recarga de Cartucho Redes y Mantenimiento
Servicio Técnico Asesoría Informática
Capacitación Desarrollo de Software
6. ¿En qué forma prefiere pagar sus compras?
Debito bancario
Efectivo
Tarjeta de Crédito
Paypal
Cheque
Transferencia Bancaria
7. ¿Le gustaría recibir descuentos y promociones con solo registrarse vía web?
Si No
8. ¿Cómo le gustaría recibir sus compras?
Entrega a Domicilio
Retirarlos en el Local de OPC
Otras formas: …………………………………………………………………………..
……………………………………………………………………………………………..
9. ¿ Conoce la empresa O.P.C. (Organización Particular de Computación)?
Si
No
10. ¿Le gustaría recibir novedades, promociones, información sobre nuevos productos y servicios, vía
web?
Si No
Muchas Gracias por su colaboración, servirá para brindar como siempre una excelente atención a
usted.
INFORME DE ENCUESTA
ENCUESTADOR: Tcnlg. Byron W. Carranco
FECHA: 19 Enero 2011
OBJETIVO: Conocer las necesidades de los clientes de la empresa OPC.
CANTIDAD DE PERSONAS ENCUESTADAS:
Población de Muestra
Universo: Clientes de Carchi, Imbabura, Esmeraldas, Nariño, Sucumbíos.
Población: Cantidad de clientes al año.
Muestra: Encuestados
n = Tamaño de la muestra.
PQ = Varianza de la población, valor constante = 0.25
N = Población / Universo. (10240)
(N-1) = Corrección geométrica, para muestras grandes >30
E = Margen de error estadísticamente aceptable:
0.02 = 2% (mínimo)
0.3 = 30% (máximo)
0.05 = 5% (recomendado. en educación.)
K = Coeficiente de corrección de error, valor constante = 2
Aplicando la fórmula:
PQ
K
EN
NPQn
2
2
)1(
.
25,0000625,0)10239(2560
n
25,0000625,0)10239(2560
n
25,0399375,62560
n
25,0399375,62560
n
PQ
K
EN
NPQn
2
2
)1(
.
Pregunta Nº 1
¿En qué lugar accede a Internet?
En su casa
Cafenet
Oficina
Otro lugar
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
En su casa 100 34%
Cafenet 150 39%
Oficina 48 13%
Otro lugar 32 8%
No contesta 55 14%
Total 385 100%
Tabla 1. Resultados pregunta Nº 1
Gráfico 1. Resultados pregunta Nº 1
Interpretación
La mayoría de encuestados (86%) si tiene acceso al Internet, en su casa (34%), oficina (13%),
Cafenet (39%), otro lugar (8%). Un (14%) de encuestados No contesta.
Pregunta Nº 2
¿Con que frecuencia navega en Internet?
1 vez al día
A diario
Más de 1 vez al día
1 vez al mes
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
1 vez al día 60 16%
A diario 149 39%
Más de 1 vez al día 111 29%
1 vez al mes 25 6%
No contesta 40 10%
Total 385 100%
Tabla 2. Resultados pregunta Nº 2
Gráfico 2. Resultados pregunta Nº 2
Interpretación
La mayoría de encuestados (39%) Navega a diario en Internet. Sin embargo hubo un grupo de
personas (29%) que navega más de una vez al día, (16%) por lo menos 1 vez al mes, un (6%)
una vez al mes y un (10%) no contesta.
Pregunta Nº 3
¿Le gustaría poder comprar por Internet?
Si No
Resultados
RESPUESTA FRECUENCIA FRECUENCIA
RELATIVA
Si 320 7%
No 65 33%
No Contesta 0 0%
TOTAL 385 100%
Tabla 3. Resultados pregunta Nº 3
Gráfico 3. Resultados pregunta Nº 3
Interpretación
La mayoría de personas encuestadas (83 %) que si les agradaría poder comprar por Internet,
del mismo modo hubo un porcentaje de personas (33 %) que conocieron la empresa por el
rótulo de la misma que se encuentra con vista a la calle. Otros un (7%) dijo conocer la
empresa por Internet.
Pregunta Nº 4
Qué productos le gustaría adquirir vía Internet?
Computadores
Suministros de Oficina
Accesorios
Software
Juegos, Música, Películas
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
Computadores 93 24%
Suministros de Oficina 66 17%
Accesorios 78 20%
Software 83 22%
Juegos, Música, Películas 65 17%
Total 385 100%
Tabla 4. Resultados pregunta Nº 4
Gráfico 4. Resultados pregunta Nº 4
Interpretación
Los clientes entrevistados desearían adquirir vía Internet los siguientes productos (24%)
Computadores, (17%) Suministros de Oficina, (20%) Accesorios, (22%) Software, (17%)
Juegos, Música, Películas de esto podemos ver que la tendencia es computadores y software,
siguiéndole muy de cerca Accesorios, Suministros de Oficina, Juegos, Música, Películas.
Pregunta Nº 5
¿Qué servicios le interesaría que la Empresa ofrezca por Internet?
Recarga de Cartucho Redes y Mantenimiento
Servicio Técnico Asesoría Informática
Capacitación Desarrollo de Software
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
Recarga de Cartucho 58 15%
Redes y Mantenimiento 56 15%
Servicio Técnico 57 15%
Asesoría Informática 63 16%
Capacitación 75 19%
Desarrollo de Software 76 20%
Total 385 100%
Tabla 5. Resultados pregunta Nº 5
Gráfico 5. Resultados pregunta Nº 5
Interpretación
La mayoría de clientes de la empresa OPC (20 %) se pronunciaron al decir que les interesa el
Desarrollo de Software (19 %) dijeron seleccionaron capacitación, (16%) Asesoría
Informática, (15 %) Recarga de Cartucho, (15%) Redes y Mantenimiento y (15%) Servicio
Técnico.
Pregunta Nº 6
¿En qué forma prefiere pagar sus compras?
Debito bancario
Efectivo
Tarjeta de Crédito
Paypal
Cheque
Transferencia Bancaria
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA
RELATIVA
Debito bancario 107 28 %
Efectivo 165 43%
Tarjeta de Crédito 73 19%
Paypal 0 0%
Cheque 0 0%
Transferencia Bancaria 40 10%
Total 385 100%
Tabla 6. Resultados pregunta Nº 6
Gráfico 6. Resultados pregunta Nº 6
Interpretación
La mayoría de encuestados (43%) prefiere cancelar sus compras en efectivo. Sin embargo
hubo un grupo de personas (28%) que prefiere cancelar sus compras con débito bancario,
(19%) prefieren cancelar sus compras con tarjeta de crédito, (10%) Transferencia Bancaria,
(0%) Paypal, Cheque.
Pregunta Nº 7
¿Le gustaría recibir descuentos y promociones con solo registrarse vía web?
Si No
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
Si 366 95 %
No 0 0 %
No Contesta 19 5%
TOTAL 385 100%
Tabla 7. Resultados pregunta Nº 7
Gráfico 7. Resultados pregunta Nº 7
Interpretación
La mayoría de encuestados (95%) les gustaría recibir descuentos y promociones,
registrándose en el portal web de OPC. Sin embargo hubo un grupo de personas (5 %) que no
opinaron ni a favor ni en contra de la idea consultada.
Pregunta Nº 8
¿Cómo le gustaría recibir sus compras?
Entrega a Domicilio
Retirarlos en el Local de OPC
Otras
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
Entrega a Domicilio 250 65%
Retirarlos en el Local de O.P.C. 135 35 %
Otras formas 0 0%
No contesta 0 0%
TOTAL 385 100%
Tabla 8. Resultados pregunta Nº 8
Gráfico 8. Resultados pregunta Nº 8
Interpretación
La mayoría de encuestados (65%) están de acuerdo con la idea de poder recibir sus compras
mediante la entrega a domicilio. Sin embargo hubo un grupo de personas (35 %) que opinan
que mejor sería retirar las compras directamente del local O.P.C.
Pregunta Nº 9
¿Conoce la empresa O.P.C. (Organización Particular de Computación)?
Si
No
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
Si 235 61 %
No 129 34 %
No contesta 21 5%
TOTAL 385 100%
Tabla 9. Resultados pregunta Nº 9
Gráfico 9. Resultados pregunta Nº 9
Interpretación
La mayoría de encuestados (61%) conocen la empresa O.P.C. Sin embargo hubo un grupo de
personas (34 %) que no conocen la empresa O.P.C, y un (21%) No contesta.
Pregunta Nº 10
¿Le gustaría recibir novedades, promociones, información sobre nuevos productos y servicios, vía
web?
Si No
Resultados
RESPUESTA
FRECUENCIA FRECUENCIA RELATIVA
Si 291 76 %
No 75 19 %
No contesta 19 5%
TOTAL 385 100%
Tabla 10. Resultados pregunta Nº 10
Gráfico 10. Resultados pregunta Nº 10
Interpretación
La mayoría de encuestados (76%) están de acuerdo con la idea de poder recibir novedades,
promociones, información sobre nuevos productos y servicios. Sin embargo hubo un grupo de
personas (19 %) que opinan que mejor no les gustaría, (5%) No contesta.
10. Observaciones y recomendaciones de los clientes
Que existan más sucursales.
Diseñen un portal web para poder comprar vía Internet.
Se les felicita por su buena atención.
Local con vista a la calle.
Publicidad en Internet.
Más publicidad en medios de comunicación.
La empresa OPC es muy beneficiosa y con atención inmediata.
Local más amplio.