UNIVERSIDAD AUTONOMA DE LOS ANDES -...

166
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

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.

1.5. CRONOGRAMA

Ilustración. 1.1. Cronograma de Actividades. Fuente: Autor

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

email

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

ANEXOS

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?

…………………………………………………………………………………………………

Muchas Gracias por su colaboración.

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(

.

Resultado: El tamaño de la muestra es de 385

649375,62560n

385n

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.