aplicativo web para la gestiÓn de informaciÓn del taller …

197
1 UNIVERSIDAD AGRARIA DEL ECUADOR FACULTAD DE CIENCIAS AGRARIAS CARRERA DE COMPUTACIÓN E INFORMÁTICA PORTADA APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER MECÁNICO “FRENOS CAR” UBICADO EN EL CANTÓN DURÁN PROPUESTA TECNOLÓGICA Trabajo de titulación presentado como requisito para la Obtención del título de: INGENIERO EN COMPUTACIÓN E INFORMÁTICA AUTORA PEREZ MURIEL GENESIS GRACIELA TUTOR ING. BERMEO ALMEIDA OSCAR XAVIER, MSC MILAGRO ECUADOR 2021

Upload: others

Post on 01-Jul-2022

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

1

UNIVERSIDAD AGRARIA DEL ECUADOR FACULTAD DE CIENCIAS AGRARIAS

CARRERA DE COMPUTACIÓN E INFORMÁTICA

PORTADA

APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER MECÁNICO “FRENOS CAR”

UBICADO EN EL CANTÓN DURÁN PROPUESTA TECNOLÓGICA

Trabajo de titulación presentado como requisito para la Obtención del título de:

INGENIERO EN COMPUTACIÓN E INFORMÁTICA

AUTORA

PEREZ MURIEL GENESIS GRACIELA

TUTOR ING. BERMEO ALMEIDA OSCAR XAVIER, MSC

MILAGRO – ECUADOR

2021

Page 2: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

2

UNIVERSIDAD AGRARIA DEL ECUADOR

FACULTAD DE CIENCIAS AGRARIAS CARRERA DE INGENIERIA EN COMPUTACIÓN E INFORMÁTICA

APROBACIÓN DEL TUTOR

Yo, BERMEO ALMEIDA OSCAR XAVIER, docente de la Universidad Agraria

del Ecuador, en mi calidad de Tutor, certifico que el presente trabajo de titulación:

APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER

MECÁNICO “FRENOS CAR” UBICADO EN EL CANTÓN DURÁN., realizado por

la estudiante PEREZ MURIEL GENESIS GRACIELA; con cédula de identidad

N°0928179233 de la carrera INGENIERIA EN COMPUTACION E INFORMATICA,

Unidad Académica Milagro, ha sido orientado y revisado durante su ejecución; y

cumple con los requisitos técnicos exigidos por la Universidad Agraria del Ecuador;

por lo tanto, se aprueba la presentación del mismo. Atentamente, Ing. Oscar Bermeo Almeida, MSc

Milagro, 18 de junio del 2021

Page 3: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

3

UNIVERSIDAD AGRARIA DEL ECUADOR FACULTAD DE CIENCIAS AGRARIAS

CARRERA DE INGENIERÍA EN COMPUTACIÓN E INFORMÁTICA

APROBACIÓN DEL TRIBUNAL DE SUSTENTACIÓN

Los abajo firmantes, docentes designados por el H. Consejo Directivo como

miembros del Tribunal de Sustentación, aprobamos la defensa del trabajo de

titulación: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL

TALLER MECÁNICO “FRENOS CAR” UBICADO EN EL CANTÓN DURÁN,

realizado por la estudiante PEREZ MURIEL GENESIS GRACIELA, el mismo que

cumple con los requisitos exigidos por la Universidad Agraria del Ecuador.

Atentamente,

Ing. Jorge López Huayamave, MSc PRESIDENTE

Ing. Mario Ibarra Martínez MSc Lcdo. Wilson Romero Berrones, EXAMINADOR PRINCIPAL EXAMINADOR PRINCIPAL

Ing. Oscar Bermeo Almeida, MSc. EXAMINADOR SUPLENTE

Milagro, 18 de junio del 2021

Page 4: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

4

Dedicatoria

El presente trabajo va dedicado a Dios,

por darme salud, sabiduría y haberme

permitido llegar hasta esta etapa de mi vida.

A mis padres mi motor principal por quien

salir adelante ya que siempre han estado

brindándome su apoyo incondicionalmente

tanto en lo económico como en lo moral.

Hermanos, esposo familia y amigos son

quienes, con todo su amor, y apoyo

incondicional han velado por mi bienestar y

educación en todo momento para la

culminación de esta etapa.

Page 5: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

5

Agradecimiento

El agradecimiento de este proyecto va

dirigido primero a Dios por permitirme llegar

a esta etapa de mi vida a mis padres por su

apoyo constante por haberme

proporcionado la mejor educación, y

enseñado que con esfuerzo y constancia se

puede llegar lejos, ya que sin ellos no fuera

posible este logro a mi esposo por su

constante apoyo a mis hermanos por

siempre creer en mí.

Mi tutor el Ing. Oscar Bermeo por su

dedicación y paciencia al elaborar mi

proyecto

Page 6: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

6

Autorización de Autoría Intelectual

Yo PEREZ MURIEL GENESIS GRACIELA, en calidad de autor(a) del proyecto

realizado, sobre “APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN

DEL TALLER MECÁNICO “FRENOS CAR” UBICADO EN EL CANTÓN DURÁN”

para optar el título de INGENIERA EN COMPUTACIÓN E INFORMÁTICA, por la

presente autorizo a la UNIVERSIDAD AGRARIA DEL ECUADOR, hacer uso de

todos los contenidos que me pertenecen o parte de los que contienen esta obra,

con fines estrictamente académicos o de investigación.

Los derechos que como autor(a) me correspondan, con excepción de la presente

autorización, seguirán vigentes a mi favor, de conformidad con lo establecido en

los artículos 5, 6, 8; 19 y demás pertinentes de la Ley de Propiedad Intelectual y su

Reglamento.

Milagro, 18 de junio del 2021

PEREZ MURIEL GENESIS GRACIELA

C.I. 0928179233

Page 7: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

7

Índice general

PORTADA ......................................................................................................... 1

APROBACIÓN DEL TUTOR ............................................................................. 2

APROBACIÓN DEL TRIBUNAL DE SUSTENTACIÓN .................................... 3

Dedicatoria........................................................................................................ 4

Agradecimiento ................................................................................................ 5

Autorización de Autoría Intelectual ................................................................ 6

Índice general ................................................................................................... 7

Índice de Tablas ............................................................................................. 11

Resumen ......................................................................................................... 21

Abstract .......................................................................................................... 22

1. Introducción .......................................................................................... 23

1.1. Antecedentes del Problema ........................................................... 23

1.2. Planteamiento y formulación del problema.................................. 24

1.2.1. Planteamiento del problema ................................................... 24

1.2.2. Formulación del problema ...................................................... 25

1.3 Justificación de la investigación ......................................................... 25

1.3. Delimitación de la investigación ................................................... 29

1.4. Objetivo general .............................................................................. 29

1.5. Objetivos específicos ..................................................................... 29

2. Marco Teórico ........................................................................................ 30

Page 8: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

8

2.1. Estado del Arte ............................................................................... 30

2.2. Base Teórica ................................................................................... 32

2.2.1. Aplicación Web ........................................................................ 32

2.2.2. Diseño de base de datos ......................................................... 33

2.2.3. Lenguaje UML ........................................................................... 33

2.2.4. Administración de talleres mecánicos ................................... 34

2.2.5. Diseño de aplicativos webs ..................................................... 35

2.2.6. Software libre ........................................................................... 35

2.2.7. Lenguaje de programación PHP ............................................. 36

2.2.8. Lenguaje HTML ........................................................................ 37

2.2.9. Base de datos MySQL.............................................................. 37

2.2.10. Sistemas de información ......................................................... 38

2.2.11. Servidor web ............................................................................. 39

2.2.12. Seguridad informática ............................................................. 39

2.2.13. Internet ...................................................................................... 40

2.2.14 Bootstrap .................................................................................. 40

2.3. Marco legal ...................................................................................... 41

2.3.1. Plan Nacional del buen vivir 2017 – 2021 Toda Una Vida ..... 41

2.3.3 Ley de Comercio ................................................................................... 41

3. Materiales y Métodos ............................................................................ 43

3.1. Enfoque de la investigación .......................................................... 43

Page 9: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

9

3.1.1. Tipo de Investigación............................................................... 43

3.2. Metodología ................................................................................. 43

3.2.1. Metodología XP ........................................................................ 43

3.2.1.1. Fase de Planificación .............................................................. 44

3.2.1.2. Fase de Diseño ........................................................................ 44

3.2.1.3. Fase de codificación ............................................................... 44

3.2.1.4. Fase de Prueba ........................................................................ 44

3.2.1.5. Fase de Lanzamiento............................................................... 45

3.2.2. Recolección de datos .............................................................. 45

3.2.2.1. Recursos económicos ............................................................ 46

3.2.3. Métodos y técnicas .................................................................. 46

3.2.4. Población y Muestra ................................................................ 47

3.2.5. Recurso Financiero .................................................................. 48

3.2.6. Análisis Estadístico ................................................................. 48

3.2.7. Diagrama del sistema .............................................................. 50

4.Resultados ................................................................................................... 51

4.1 Realizar la debida recopilación de datos a través de encuestas

realizadas a usuarios que permita la definición de requerimientos del

aplicativo web. ................................................................................................ 51

4.2 Diseñar el modelo del sistema, a través de la base de datos,

diagramas UML que permita el desarrollo del aplicativo web. ................... 52

Page 10: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

10

4.3 Desarrollar el aplicativo web a través de lenguaje de programación

PHP para construir el programa basado en el diseño. ................................ 53

4.4 Implementar el aplicativo web en el taller mecánico servicios

mediante la configuración intranet para ayudar en la gestión de la

información. .................................................................................................... 54

5. Discusión .................................................................................................... 55

6. Conclusiones .............................................................................................. 57

7. Recomendaciones ..................................................................................... 58

8.Bibliografía .................................................................................................. 59

9.Anexos ......................................................................................................... 69

9.1 Anexo 1. Modelo de encuesta para clientes .................................... 69

9.2 Anexo 2. Modelo de Entrevista ......................................................... 71

9.3 Anexo 3. Tabulación de Encuesta a Empleado y Clientes de la

empresa. .......................................................................................................... 73

9.4 Anexo 4. Evidencia de Encuestas a clientes ................................... 83

9.5 Anexo 5. Base de datos ........................................................................... 85

9.6 Anexo 6. Diagrama de clases .................................................................. 86

9.7 Anexo. 7. Casos de usos ................................................................... 87

9.8 Anexo 8. Diccionario de datos ........................................................ 100

9.9 Anexo. 9. Caso de prueba ............................................................... 114

9.10 Anexo 10. Manual de Usuario ............................................................. 118

9.11 Anexo 11. Manual Técnico .................................................................. 188

Page 11: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

11

Índice de Tablas

Tabla 1. Presupuestos de implantación de software ....................................... 46

Tabla 2. Análisis de la tenencia de los vehículos ............................................. 73

Tabla 3. Aceptación del estado actual de la atención en el taller ..................... 74

Tabla 4. Análisis de la frecuencia de visitas de los clientes al taller ................. 75

Tabla 5. Análisis de los resultados de la atención a sus clientes ..................... 76

Tabla 6. Análisis de medición del tiempo en ser atendido ............................... 77

Tabla 7. Análisis de la preferencia del uso del internet y las tecnologías ........ 78

Tabla 8. Análisis de la frecuencia de acudir al taller mecánico ........................ 79

Tabla 9. Análisis de optimizar recursos para la facturación ............................. 80

Tabla 10. Análisis de la forma de atención al cliente ....................................... 81

Tabla 11. Análisis de los medios de comunicación para conocer del taller ...... 82

Page 12: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

12

Índice de Figura

Figura 1. Diagrama para el desarrollo del sistema ........................................... 50

Figura 2. Resultados de la cantidad de clientes que son propietarios de sus

vehículos. ............................................................................................................. 73

Figura 3. Resultados de la valoración cualitativa de la atención brindada a los

clientes. ................................................................................................................ 74

Figura 4. Presentación de los resultados de las visitas. ................................... 75

Figura 5. Resultados de atención que brindan a los clientes. .......................... 76

Figura 6. Tiempo de esperar para ser atendido. .............................................. 77

Figura 7. Resultados de la aceptación del uso de páginas web....................... 78

Figura 8. Tipo de servicios que más utilizan los clientes en un taller mecánico.

............................................................................................................................. 79

Figura 9. Porcentajes de preferencia en la forma de emitir facturas ................ 80

Figura 10. Resultados de la calidad de atención .............................................. 81

Figura 11. Nivele de uso de páginas web y redes sociales .............................. 82

Figura 12. Respuestas de encuestas a clientes ............................................... 83

Figura 13. Respuesta de cliente 2 parte .......................................................... 84

Figura 14. Base de datos de Software ............................................................. 85

Figura 15. Base de datos de Software ............................................................. 86

Figura 16. Caso de uso de Asistencia .............................................................. 87

Figura 17. Caso de uso de contrato ................................................................. 88

Figura 18. Caso de uso de Rol de pago ........................................................... 89

Page 13: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

13

Figura 19. Caso de uso de Compra ................................................................. 90

Figura 20. Caso de uso de Insumos ................................................................ 91

Figura 21. Caso de uso de Cuenta por pagar .................................................. 92

Figura 22. Caso de uso de Seguridad .............................................................. 93

Figura 23. Caso de uso de Configuración ........................................................ 94

Figura 24. Caso de uso de Vehículo ................................................................ 95

Figura 25. Caso de uso de Venta ..................................................................... 96

Figura 26. Caso de uso de Cuenta por cobrar ................................................. 97

Figura 27. Caso de uso de Servicios ............................................................... 98

Figura 28. Caso de uso de Modelo .................................................................. 99

Figura 29. Pantalla principal de la página web ............................................... 118

Figura 30. Inicio de sesión ............................................................................. 119

Figura 31. Registro de cliente ........................................................................ 119

Figura 32. Pantalla de cliente ......................................................................... 120

Figura 33. Editar cliente ................................................................................. 120

Figura 34. Formulario de cliente ..................................................................... 121

Figura 35. Registro de cliente ........................................................................ 122

Figura 36. Anular cliente ................................................................................ 122

Figura 37. Activar cliente ................................................................................ 123

Figura 38. Activación de cliente ..................................................................... 123

Figura 39. Activar cliente sí o no .................................................................... 124

Page 14: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

14

Figura 40. Formulario de facturación/ cotizaciones ........................................ 124

Figura 41. Formulario de facturación/cuenta por cobrar ................................ 125

Figura 42. Formulario de facturación/promociones de insumos ..................... 125

Figura 43. Formulario de facturación/ventas .................................................. 126

Figura 44. Formulación de financiero/ compras ............................................. 126

Figura 45. Listado de compra ......................................................................... 127

Figura 46. Formulario de compras ................................................................. 127

Figura 47. Formulario de financiero/ cuentas por pagar ................................. 128

Figura 48. Formulario financiero/ gastos ........................................................ 128

Figura 49. Formulario de financiero/ proveedores.......................................... 129

Figura 50. Registro de proveedores ............................................................... 129

Figura 51. Formulario de proveedores ........................................................... 130

Figura 52. Editor de proveedores ................................................................... 130

Figura 53. Formulario de proveedores ........................................................... 131

Figura 54. Anular proveedores ....................................................................... 131

Figura 55. Mensaje de anular......................................................................... 132

Figura 56. Activar proveedor .......................................................................... 132

Figura 57. Activar proveedor .......................................................................... 133

Figura 58. Mensaje de activar cliente sí o no ................................................. 133

Figura 59. Formulario de informes/ compras ................................................. 134

Figura 60. Formulario de informes/cuenta por cobrar .................................... 134

Page 15: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

15

Figura 61. Formulario de informes/cuentas por pagar ................................... 135

Figura 62. Formulario de informes/ gastos ..................................................... 135

Figura 63. Formulario de informes/karde de insumos .................................... 136

Figura 64. Formulario de informes/listado ...................................................... 136

Figura 65. Formulario de informes/ventas ...................................................... 137

Figura 66. Formulario de registro/marca y modelo de vehículo ..................... 138

Figura 67.Marca de vehículo ......................................................................... 138

Figura 68. Formulario de marca ..................................................................... 139

Figura 69. Editar marca de vehículo .............................................................. 139

Figura 70. Buscar vehículo............................................................................. 140

Figura 71. Formulario de registro/ marca y modelos de vehículos ................. 140

Figura 72. Formulario de marca y modelo de vehículos ................................ 141

Figura 73. Modelo de vehículos .................................................................... 141

Figura 74. Editar modelos de vehículos ......................................................... 142

Figura 75. Cambiar nombre de vehículos ...................................................... 142

Figura 76. Anular modelos de vehículos ........................................................ 143

Figura 77. Anular marca y modelo de vehículos ............................................ 143

Figura 78. Activar modelos de vehículos ....................................................... 144

Figura 79. Listado de anular y de activación de registro ................................ 144

Figura 80. Activación de marca y modelo de registro .................................... 145

Figura 81. Formulario de registro/servicios .................................................... 145

Page 16: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

16

Figura 82. Registro de servicios/formulario .................................................... 146

Figura 83. Formulario de servicios ................................................................. 146

Figura 84. Editar servicios .............................................................................. 147

Figura 85. Formulario de servicios ................................................................. 147

Figura 86. Anular servicios ............................................................................. 148

Figura 87. Anular servicio sí o no ................................................................... 148

Figura 88. Cambios realizados del servicio .................................................... 149

Figura 89. Activar servicio .............................................................................. 149

Figura 90. Activar servicio sí o no .................................................................. 150

Figura 91. Registro activado .......................................................................... 150

Figura 92. Categorías de servicios ................................................................. 151

Figura 93. Agregar nuevo registro .................................................................. 151

Figura 94. Anular servicios/categoría ............................................................. 152

Figura 95. Anular categoría si o no ................................................................ 152

Figura 96. Activar categoría ........................................................................... 153

Figura 97. Buscar y seleccionar categoría ..................................................... 153

Figura 98. Activar sí o no ............................................................................... 154

Figura 99. Formulario de registro/ vehículos de clientes ................................ 154

Figura 100. Registro de cliente ...................................................................... 155

Figura 101. Formulario de cliente ................................................................... 155

Figura 102. Editar vehículo ............................................................................ 156

Page 17: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

17

Figura 103. Formulario de informes/cliente .................................................... 156

Figura 104. Registro de cliente correctamente............................................... 157

Figura 105. Anular vehículo ........................................................................... 157

Figura 106. Registro fue Anular vehículo ...................................................... 158

Figura 107. Activar vehículo .......................................................................... 158

Figura 108. Activación de vehículo si o no .................................................... 159

Figura 109. Listado de clientes ..................................................................... 159

Figura 110. Asistencia de empleado ............................................................. 160

Figura 111. Registro de empleado ................................................................ 160

Figura 112. Formulario de asistencia de empleado ...................................... 161

Figura 113. Anular asistencia ......................................................................... 161

Figura 114. Registro fue Anular vehículo ...................................................... 162

Figura 115. Contrato de empleado ................................................................ 162

Figura 116. Listado del contrato .................................................................... 163

Figura 117. Registro de contrato guardado ................................................... 163

Figura 118. Formulario de contrato ............................................................... 164

Figura 119. Valido dato de contrato guardado .............................................. 164

Figura 120. Anular contrato ........................................................................... 165

Figura 121. Registro de contrato anulado ..................................................... 165

Figura 122. Activar contrato .......................................................................... 166

Figura 123. Mensaje de activación ................................................................. 166

Page 18: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

18

Figura 124. Registro de activado .................................................................. 167

Figura 125. Registro de contrato guardado ................................................... 167

Figura 126. Registro de formulario ................................................................ 168

Figura 127. Registro guardado ...................................................................... 168

Figura 128. Editar empleado ......................................................................... 169

Figura 129. Confirmar campos modificados .................................................. 169

Figura 130. Anular empleado ........................................................................ 170

Figura 131. Anular ......................................................................................... 170

Figura 132. Activar empleado ....................................................................... 171

Figura 133. Activar ........................................................................................ 171

Figura 134. Registro activado ....................................................................... 172

Figura 135. Botón imprimir ............................................................................ 172

Figura 136. Permiso ...................................................................................... 173

Figura 137. Permiso de empleado ................................................................ 173

Figura 138. Registro fue grabado .................................................................. 174

Figura 139. Anular cliente ............................................................................. 174

Figura 140. Registro eliminado ..................................................................... 175

Figura 141. Facturación ................................................................................ 175

Figura 142. Editar empleado ......................................................................... 176

Figura 143. Registro guardado ...................................................................... 176

Figura 144. Modificar empleado .................................................................... 177

Page 19: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

19

Figura 145. Cambios guardados ................................................................... 177

Figura 146. Insumos ..................................................................................... 178

Figura 147. Registro de insumos .................................................................. 178

Figura 148. Registro guardado ...................................................................... 179

Figura 149. Selección de registro .................................................................. 179

Figura 150. Mensaje registro guardado ........................................................ 180

Figura 151. Anular registro ............................................................................ 180

Figura 152. Mensaje de registro anulado ...................................................... 181

Figura 153. Activar ......................................................................................... 181

Figura 154. Validación de activación ............................................................. 182

Figura 155. Registro activado ....................................................................... 182

Figura 156. Categoría .................................................................................... 183

Figura 157. Formulario de categoría ............................................................. 183

Figura 158. Estado de categoría activada ..................................................... 184

Figura 159. Anular registro ............................................................................ 184

Figura 160. Anuladado ................................................................................... 185

Figura 161. Activar suministro ....................................................................... 185

Figura 162. Activar sí o no ............................................................................. 186

Figura 163. Registro activado ........................................................................ 186

Figura 164. Convertir datos en pdf ................................................................ 187

Figura 165. Conexión de la base de datos .................................................... 189

Page 20: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

20

Figura 166. Declaración de modelos ............................................................. 189

Figura 167. Pantalla principal ........................................................................ 190

Figura 168. Pantalla de inicio de sesión ........................................................ 190

Figura 169. Pantalla de configuración ........................................................... 191

Figura 170. Pantalla de empleado ................................................................ 191

Figura 171. Pantalla contrato de empleados ................................................. 192

Figura 172. Pantalla asistencia de empleados .............................................. 192

Figura 173. Pantalla de clientes ..................................................................... 193

Figura 174. Pantalla de proveedores ............................................................ 193

Figura 175. Pantalla de insumos ................................................................... 194

Figura 176. Pantalla de servicios .................................................................. 194

Figura 177. Pantalla de compras .................................................................. 195

Figura 178. Pantalla de cotizaciones ............................................................ 195

Figura 179. Pantalla de ventas ...................................................................... 196

Figura 180. Pantalla de usuarios ................................................................... 196

Figura 181. Pantalla de informe de ventas .................................................... 197

Figura 182. Pantalla de compras .................................................................. 197

Page 21: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

21

Resumen

Los sistemas informáticos ayudan a mejorar y a administrar de mejor manera, con

la ayuda de sus herramientas informáticas que pueden automatizar y gestionar las

actividades de la empresa; es por ello que en varias entidades cada vez y con

mayor frecuencia optan por incorporar las nuevas tecnologías y funciones, cada

vez busca de conseguir un mayor desarrollo y rentabilidad. Como en este caso el

taller mecánico “Frenos Car” que se dedica a la ventas de repuestos y reparaciones

de automóviles realizadas por los maestros, debido a la necesidad que tiene el

propietario y en vista que desconocía de estas tecnologías, realizaban sus registros

de los procesos de manera manual lo que le ocasionaba problemas, como solución

a todos esos inconvenientes se le presento una herramienta web que le ayuda a el

mejor manejo y control de sus actividades diarias como el ingreso rápido de clientes

nuevos este sistema fue desarrollado en un lenguaje de programación PHP y el

gestor de base de datos de MySQL, así mismo cuenta con los módulos de

Recursos Humanos, módulos de reportes, facturación, seguridad. Los cuales

permiten consultar todo lo relacionado con el sistema clientes, proveedores,

compras, facturación, recursos humanos, ingresos egresos del taller mecánico,

además cuenta con una página web donde se puede ubicar la misión y visión de la

empresa la ubicación horarios de atención entre otros aspectos importantes del

taller mecánico cumpliendo con el objetivo del presente proyecto.

Palabras claves: administrar, gestión, PHP, información, sistemas.

Page 22: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

22

Abstract

Computer systems help to improve and manage in a better way, with the help of

its computer tools that can automate and manage the activities of the company;

that is why in various companies, more and more frequently, they choose to

incorporate new technologies and functions, each time seeking to achieve

greater development and profitability. As in this case, the “Frenos Car”

mechanical workshop, which is dedicated to the sale of spare parts and car

repairs carried out by the employees, due to the need that the owner has and

given that he was unaware of these technologies, they made their records of the

processes manually which caused problems, as a solution to all these

inconveniences, a web tool was presented that helps you better manage and

control your daily activities such as the rapid entry of new customers this system

was developed in a language of PHP programming and the MySQL database

manager, as well as Human Resources modules, report modules, billing,

security. Which allow you to consult everything related to the system customers,

suppliers, purchases, billing, human resources, income, expenses of the

mechanical workshop, in addition to having a web page where the mission and

vision of the company can be located, the location hours of attention among other

important aspects of the mechanical workshop. Fulfilling the objective of this

project.

Keywords: administer, management, PHP, information, systems

Page 23: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

23

1. Introducción

1.1. Antecedentes del Problema

Durán, es un cantón de la provincia del Guayas, en el Ecuador. Está ubicado en

el margen oriental del río Guayas. Está situada frente a la ciudad de Guayaquil,

capital provincial, a la que está unida por el puente de la Unidad Nacional existe

una gran demanda de comercialización, en el Ecuador por lo cual muchas

empresas no cuentan con las Tics para el control interno de dicha entidades en

este caso el taller mecánico frenos car no contaba con un programa que le ayude

al manejo correcto de sus inventario del taller no contaba con un registro en su

stop en bodega y solo llevaba registros manuales y facturaban manualmente, por

lo tanto para el mejor manejo de la empresa y el ahorro de tiempo del se vio en la

necesidad de implementar un aplicativo web para el mejor control de los ingresos

al taller mecánico “Frenos Car” ubicado en el cantón Duran.

Esta empresa buscaba mejorar ingresos y tiempo al momento de hacer

inventarios en su empresa también le permitirá agilizar los procesos de ventas,

mejorar la atención al cliente, controlar adecuadamente las entradas y salidas de

mercadería, registrar sus ingresos y egresos, para que de esta manera poder

incrementar su patrimonio y ampliarse organizacionalmente.

A esta problemática se suma la incompetencia tecnológica la cual juega un papel

muy importante para el buen funcionamiento del trabajo automotriz, esto se da por

falta de capital que poseen propietarios de talleres de arreglo de vehículos, esto

produce la perdida de trabajo al taller mecánico “Frenos car” ubicado en el cantón

Duran.

Con mayor avance tecnológico es la ciencia de innovación en el mundo. Se

convirtió una fuente de crecimiento para muchas empresas las exigencias

Page 24: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

24

implícitas en estos cambios hacen indispensable que las unidades empresariales

estén preparadas para gestionar (Nava, 2016) sus recursos financieros de manera

adecuada; de forma tal, que se tomen decisiones financieras racionales acordes

con los objetivos de la empresa como los aspectos económicos y actividad

empresarial.

La interactividad de las TIC son las que mejor se adaptaron en la actualidad,

para la pymes ya que es más accesible el manejo y control de actividades como el

registro de cliente el agendamiento de citas que permiten la creación de un espacio

amplio de procesamiento de datos y manejo de la información en empresa

comerciales la automatización de todos aquellos procesos que sean utilizados para

las ventas, es utilizado para el mejor registro de ventas y aseguramiento apropiado

de datos sobre las ventas y clientes de la empresa, Cordovez (2015). Mediante el

desarrollo de la OTC estudia las TIC, el incremento que muestran en Cuba, con el

desarrollo de sistemas como un acceso eficaz para elevar su índice de audiencia

dentro del país, que ha sido reportado notablemente bajo en varios informes.

Alvarez (2017). Por ejemplo, distribuye dispositivos flash y discos DVD, al tiempo

que promueve el uso de aplicaciones móviles con el objetivo de extender su

alcance en Cuba.

1.2. Planteamiento y formulación del problema

1.2.1. Planteamiento del problema

En el Cantón Duran dispone de Tecnicentros integrales con las herramientas

técnicas para ofrecer mantenimientos a vehículos de nuevas tecnologías, tales

como híbridos, eléctricos, turbodiésel, entre otros. Luego de aver realizado

levantamiento de información de la empresa se han encontrado los siguientes

problemas:

Page 25: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

25

Mediante la recopilacion de datos se pudo apreciar que la empresa hacia su

registro de datos manualmente lo que causaba que halla mucha perdida de

información, tiempo ya que en cotizaciones habia que buscar los cuadernos de

apuntes para poder llevar el control del valor de los respuestos.

El control de los registros habia falta de organización y ubicación de la

información registrado a mano donde podia ser alterado por otras personas.

existia molestia en los clientes por la demora al momento de realizar cotizaciones

o compras de repuestos.

Otros de los problemas que existia era el mal control de información registrados

sobre los productos que ingresaban y salian sin conocimiento de dueño de la

empresa y ofertas de mantenimiento, repuestos entre otros.

Para ello se decidio de manera oportuna implementar un aplicativo web para

mejorar los ingresos egreso de la empresa, dejar de perder tiempo al momento de

generar facturas o reportes.

1.2.2. Formulación del problema

¿La implementación de un aplicativo web mejorará la gestión de la información

en Frenos Car del cantón Durán?

1.3 Justificación de la investigación

Se ha vuelto impredecible el manejo de las redes en las pymes. Como en la

ciudad de Guayaquil a elaborado estrategias de venta debido a que se puede

realizar marketing digital permite personalizar la información que va a ser

publicitada de acuerdo al perfil de cada cliente o prospecto, además la información

puede ser enviada o visualizada de forma masiva a un costo muy inferior que el

marketing (Quinde, 2017) tradicional permitiendo inclusive medir el alcance de la

publicidad de la empresa.

Page 26: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

26

La innovación tecnológica, en Ecuador desde el punto de vista económico, se

puede entender como un conjunto de etapas técnicas, (Vilcacundo, 2015)

industriales y comerciales que conducen al lanzamiento con éxito en el mercado

de productos manufacturados, o la utilización comercial de nuevos procesos

técnicos.

Mediante la utilización de aplicativo web no es tan común en este tipo de

empresa se justifica la falta de los mismo por parte del costo y la complejidad que

pueda tener si no conoce del mismo en esta empresa no constan con ninguna

aplicación web al ver el crecimiento de la empresa es de mucha importancia la

creación e implementación de un sistema web que le permita brindar una buena

atención al cliente así mismo se podrá tener un mejor control, un buen registro

información de primera instancia de la empresa.

Entre las primordiales características para el sistema web se destaca el registro

de clientes, registro de las compras y ventas de mercadería, registro y control del

personal de trabajo, control de inventario, facturación y reportes.

Es de mucha importancia tener un registro detallado de las actividades

realizadas por la empresa, con la creación e implementación del sistema web se

proyecta un mejoramiento eficiente y eficaz del taller “Frenos Car”.

Esta empresa cuenta con los recursos necesarios para la implementación de

la propuesta tecnológica, además cuenta con un gran interés por la tecnología y

sus innovaciones que actualmente es lo más usado, garantizando la aceptación y

justificación del sistema propuesto; la cual beneficiara a todo el personal de

trabajo, optimizando sus tareas asignadas, su tiempo y el patrimonio de la

empresa.

Para el desarrollo del sistema se utilizará los siguientes módulos:

Page 27: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

27

• Módulo recurso humano realizará la parte de ingresos de los contratos y

datos de los empleados del taller mecánico Frenos Car:

Empleados

Asistencia

Hojas de vida

Contratos

Permisos.

• Módulo de venta, mediante este módulo realizará lo ingresos de las ventas,

como facturar, conocer las promociones que ofrece el taller mecánico

Frenos Car:

Inicio de sesión, se registrará ingresando nombres, apellidos, cédula, teléfono y

dirección.

Facturación de las ventas

Cotizaciones

Promociones

Clientes

• Módulo de seguridad, nos brindará a tener control de acceso mediante un

usuario y contraseña donde solo podrá acceder sin temor a que terceras

personas manejen tu cuenta, donde se podrá editar, comprar, pagar,

eliminar, agregar manipular lo que este en la página web a continuación,

se mencionó los campos que se presentará:

Roles, este permitirá que se pueda verificar con el número de cédula de cada

cliente, con opciones de cambios como consultar, actualizar, eliminar, agregar

el tipo de actividad del usuario.

Page 28: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

28

• Módulo suministro, se podrá consultar los movimientos del taller mecánico

como:

Consulta de Stock

Inventario

Mercadería, se registrará el tipo de repuesto, marca, serie, se podrá describir el

tipo de repuesto del vehículo categorías precio de los repuestos sus

características principales, el stock de aceites, servicios, costo para clientes.

• Módulo recursos financieros se podrá realizar los pagos a los proveedores

del taller mecánico Frenos Car:

Inversiones.

Gastos

Presupuestos

Proveedores

Compras

Pagos

Cuentas por pagar

Modulo Informes lo cuales serán visualizados por rango de fechas donde

imprimirá los informes de venta que haga el taller mecánico frenos Car:

Datos financieros con filtros de fechas de inicio y final.

Ventas con filtros de fechas de inicio y final.

Inventario con filtros de fechas de inicio y final.

Empleados con filtros de fechas de inicio y final.

Clientes filtro por nombres

Compras con filtros de fechas de inicio y final.

Seguridad con filtros de fechas de inicio y final.

Page 29: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

29

Cuenta por pagar con filtros de fechas de inicio y final.

Cuenta por cobrar con filtros de fechas de inicio y final.

1.3. Delimitación de la investigación

Espacio: El taller mecánico “Frenos Car” se encuentra ubicada en el cantón

Duran Provincia del Guayas en la Av. Jaime Nebot y Amazonas.

Tiempo: Un periodo de tiempo que se estima será de 6 meses a partir de su

aprobación.

Población: Propietario y clientes del taller mecánico.

1.4. Objetivo general

Implementar un aplicativo web mediante el uso de herramientas de desarrollo de

software libre para mejorar la gestión de la información del taller mecánico “Frenos

car”.

1.5. Objetivos específicos

• Realizar la debida recopilación de datos a través de encuestas realizadas a

usuarios que permita la definición de requerimientos del aplicativo web.

• Diseñar el modelo del sistema, a través de la base de datos, diagramas UML

que permita el desarrollo del aplicativo web.

• Desarrollar el aplicativo web a través de lenguaje de programación PHP para

construir el programa basado en el diseño.

• Implementar el aplicativo web en el taller mecánico servicios mediante la

configuración intranet para ayudar en la gestión de la información.

Page 30: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

30

2. Marco Teórico

2.1. Estado del Arte

Durante los últimos años, la sociedad ha experimentado un proceso de

transformación científica y tecnológica que ha generado importantes cambios a

nivel económico, político y social.

En su trabajo de grado, Canet (2016) desarrolló un sistema de gestión a través

de una aplicación web dinámica que se encarga de todas las actividades

relacionadas con las reparaciones en un taller mecánico de vehículos, que consta

de dos partes: una parte para la empresa donde el administrador, propietario o

gerente del taller repara y registrar y realizar un seguimiento de las inspecciones

de vehículos, registrar nuevos clientes y vehículos y gestionar los antiguos; La

segunda parte es la del cliente, que puede acceder a información personalizada

sobre sus vehículos y las reparaciones realizadas en ellos. De esta forma, el cliente

recibe información en tiempo real sobre las reparaciones de los vehículos que se

encuentran actualmente en el taller, así como un historial de todos los vehículos y

sus reparaciones.

Por otro lado, Molina (2018) propuso el desarrollo de una herramienta web que

permitiría al mecánico gestionar los datos de mantenimiento de los vehículos de

sus clientes de forma sencilla y eficiente. Como resultado, la aplicación es fácil de

configurar y ofrece vistas de usuario sencillas y directas. Alternativamente, las

instrucciones de mantenimiento ahora son posibles desde un dispositivo móvil.

Además, la aplicación envía una notificación automática al correo electrónico del

cliente con un anticipo específico indicando la fecha de la próxima revisión.

En el caso del taller Automotriz Multimarca ChevyTech, Tipán (2018) teniendo

en cuenta la principal incidencia a lo largo de los años de la pérdida de información

Page 31: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

31

en las órdenes de trabajo, propuso la implementación de un sistema en un entorno

web para el control y seguimiento de las órdenes de trabajo que permite gestionar

la información de forma centralizada, que a su vez es de fácil acceso para los

empleados que forman parte del taller, ya que los empleados realizan

requerimientos en determinados momentos, estos pueden ser utilizados para

planificar nuevos trabajos de mantenimiento o brindar garantías por trabajos

realizados. Como resultado, los tiempos para varios procesos se han reducido

significativamente, ya que los procesos más comunes están a solo unos clics de

distancia.

Manteniendo la misma línea y basándose en la creación de aplicaciones web,

Quishpe (2017) en su proyecto “Aplicación Web para la gestión de comercialización

de servicios en la mecánica “San Cristóbal”, recopiló información en la que se

constató que el estado de gestión de la empresa se realizaba de forma manual, por

lo que mediante métodos de investigación tales como el analítico-sintéticos,

deductivos, inductivos, sistémicos y de modelado más el uso de lenguajes de

programación web como: PHP, HTML, Hojas de estilos CSS, incluido MySQL;

diseñó y creó la aplicación web para el servicio mecánico "San Cristóbal" en el

cantón de Quevedo; software dinámico que permite un mejor desempeño en los

servicios del taller mecánico estudiado.

Por último, Castro y Zambrano (2017) se enfocaron en la automatización de

procesos y eligieron el taller de autos "Marcelo" ubicado en Guayaquil, que permite

a los clientes programar citas y facturación a través de Internet, además registra el

control de inventarios, procesos y satisfacción del cliente a través del módulo de

control de calidad, que incluye evaluar los servicios prestados a través de las

opiniones de los clientes, mismas que se ejecutan manualmente presentando

Page 32: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

32

algunas fallas dentro del proceso. Por ello, combinaron la plataforma tecnológica

es.NET con Bootstrap y el gestor de bases de datos SQL Server 2012 integrado en

las herramientas de Visual Studio, y desarrollaron un software para obtener

información de los registros de clientes en la base de datos del taller, el tipo de

trabajo realizado en cada vehículo y su próximo mantenimiento. El sistema también

permite a los clientes acceder a información sobre sus vehículos sin necesidad de

acudir al taller, en base a esto, obtienen una cotización de los repuestos que

utilizarán, luego de que el vehículo haya sido inspeccionado. Posteriormente, al

usar este software se redujo el costo de suministro de papelería en el taller, generó

más oportunidades de trabajo y acortó el tiempo de espera de los clientes que

enviaron su vehículo para ser reparado.

2.2. Base Teórica

2.2.1. Aplicación Web

La web en sus orígenes fue pensada como un medio para desplegar

información, ésta se encuentra contenida en servidores, denominados servidor web

es un programa que atiende y responde a las diversas peticiones de los

navegadores, proporcionándoles los recursos que solicitan mediante el protocolo

HTTP o el protocolo HTTPS (la versión segura, cifrada y certificada de HTTP)

(Mateus, 2018) Alguna lógica de programación, es decir, interacción dinámica entre

usuario y servidor.

Son aplicaciones que los usuarios pueden utilizar que permitan a un servidor

Web acceder a través de Internet o de una intranet mediante un navegador

(Almaraz, 2016). En otras palabras, es una aplicación software que se codifica en

un lenguaje soportado por los navegadores Web en la que se confía la ejecución

al navegador

Page 33: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

33

Se llama aplicación web a todas las herramientas que los usuarios puedan

manejar para ingresar al navegador de internet a través de un servidor web, los

cuales ayudan a comprender y mejorar en la elaboración del software (Jacome,

2017).

El taller mecanico frenos car ha implementado en sus tecnologias de innovación

utilizar el aplicativo web ayuda al servidor hacer dinamico mediante la aparición de

internet y de la web en determinado, se han conocido infinidad de posibilidades en

cuanto al acceso a la información desde cualquier sitio web.

2.2.2. Diseño de base de datos

Las bases de datos, como el conjunto de los datos referidos a un problema

concreto, y la estructura que los organiza, junto con tos sistemas administradores

de bases de datos, como conjunto de programas que permiten su control, (Mateus,

2018) su almacenamiento persistente y su acceso eficiente, constituyen un sistema

de proceso rápido, exacto y fiable, dirigido a la manipulación de grandes volúmenes

de información.

El diseño de base de datos es creado para ingresar una cantidad de información

y requisitos que requiere el taller mecánico Frenos Car para el mejor manejo y

control a su sistema de información.

2.2.3. Lenguaje UML

Es un lenguaje de grafico para visualización, descripción, construcción y

documentación de componentes de sistemas de software grandes y complejos,

también para crear negocios y otros sistemas que no son de software su modelo

produce el entendimiento de un sistema UML (Perez, 2017) no es más que

solamente símbolos gráficos, pues existe una semántica sólidamente definida

Page 34: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

34

detrás de los símbolos. Como lenguaje de especificación significa la construcción

de modelos precisos, completos y no ambiguos.

UML ayuda al desarrollo de diseño de los sistemas de software como para la

arquitectura hardware donde se ejecutan. Otro objetivo de este modelado visual es

que sea independiente del lenguaje de implementación, de tal forma que los

diseños realizados usando UML se puedan implementar en cualquier lenguaje que

soporte (Hernández, 2018, p.4).

UML es un lenguaje que cuenta con diagramas de diversos aspectos ayuda al

desarrollo de software para el taller mecánico Frenos Car este es un modelo que

representa y simplificada a la realidad es por eso que en el desarrollo de software

para el taller mecánico frenos car se utilizará el diagrama UML como diagrama de

objetos, diagrama de caso de uso.

2.2.4. Administración de talleres mecánicos

Es el proceso de planificar, organizar, integrar, dirigir y controlar los pasos entre

un margen de eficiencia, (Merchán, 2017). eficacia para alcanzar los objetivos y

metas de la organización son estrategias de producción para recursos económicos

de la empresa.

Los propietarios y la gerencia general del taller automotriz son las personas que

toman la decisión del desarrollo y la planificación del sistema de gestión de calidad,

son las personas encargadas en dar respuestas a dudas que se encuentren

vigentes, (Carpio, 2017) si existen deben resolverlas antes de iniciar este proceso

de cambio, caso contrario conduciría al fracaso

El taller mecánico contará con un amplio espacio y la infraestructura necesaria

para su correcta operación, precautelando el bienestar del cliente interno y externo,

y ofreciendo el mejor servicio (Zhagui, 2018) el taller mecánico adquirirá equipo

Page 35: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

35

mobiliario, es decir sillas y escritorios y equipo de cómputo para cada puesto de

trabajo.

La administración de un taller mecánico comienza a partir de la visión que tiene

la persona que dirige a una organización; utilizando estrategias políticas todo esto

teniendo en cuenta las fortalezas y debilidades del taller mecánico frenos car.

2.2.5. Diseño de aplicativos webs

El diseño de aplicación web es de acuerdo a la necesidad del cliente al momento

de contratar un desarrollo web de acuerdo a la necesidad del producto es una

interfaz o conjuntos de páginas Web que interactúan con el usuario final, de esta

manera permiten el acceso a la información solicitada y se toma los datos propios

del modelo de negocio, (Tobar, 2017). así cualquier persona puede interactuar con

ella desde Internet por medio de un navegador Web.

Las aplicaciones web se forman nativamente desde el navegador, pero

preexisten algunas aplicaciones que funcionan mediante codificaciones además

requieren la instalación de un software en el ordenador para poder utilizar (Morales,

2018). El diseño de aplicación web de acuerdo a las necesidades del cliente ver las

debilidades del taller mecánico frenos car.

2.2.6. Software libre

Durante los años 80 se dio la aparición del software libre se describe a la libertad

que tienen los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar

el software. (Blanco, Laydy, 2018). Se refiere a las libertades que los usuarios

tienen al momento de desarrollar un programa pueden usar cualquier programa en

cualquier sistema de información.

Las empresas como google, canonical ven un beneficio al software libre como

una oportunidad de negocios por la calidad de las aplicaciones que producen,

Page 36: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

36

(Molina, 2017) se insertan al mercado cobrando solo por servicios especializados

o de apoyo técnico.

El software libre está cada vez más presente en los medios de comunicación y

en las conversaciones de los profesionales de la informática, y aunque incluso

empieza a estar en programadores lo utilizan muchos para el desarrollo de software

para empresas pequeñas como en este caso Frenos Car innovo con desarrollo de

un aplicativo web que ayudará al desarrollo económico del taller mecánico Frenos

Car.

2.2.7. Lenguaje de programación PHP

Es un lenguaje de scripting de códigos abierto que está especialmente

desarrollado para crear páginas web programación capaz de brindar conexiones y

realizar consultas de información a gran volumen. Estas sentencias de código

permiten a los usuarios la fácil manipulación de la información PHP actualmente

uno de los lenguajes más utilizados para la creación de páginas dinámicas, no solo

personales sino también portales de empresas y organizacionales (Poveda, 2017).

PHP conocido como un lenguaje de programación que se dedica a la creación

de programas con contenido HTML, que en su mayor parte es ejecutado mediante

un servidor web, aunque cabe recalcar que también esta acción puede ser

realizada mediante una línea de comando o un cliente GUI, es adaptable a

cualquier sistema operativo y a múltiples servidores web, (Salao, 2018) el cual es

muy utilizado por las empresas comercializadoras, en su mayor parte las de

distribución de ropa debido a su bajo costo de implementación.

PHP es un lenguaje de programación de multiplataforma libre se lo utilizara para

el desarrollo del software para el taller mecánico Frenos Car ya que ayudado a

muchas empresas a programar hace unos años atrás ha venido utilizando en el

Page 37: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

37

cantón duran ya que es accesible al acceso de todo usuario la aparición de Internet

y de la web en determinado, se han conocido infinidad de posibilidades en cuanto

al camino de la información desde cualquier sitio web.

2.2.8. Lenguaje HTML

Es lenguaje de hipertexto sencillo, fácil y eficiente, para el manejo de usuarios

también se caracteriza por ser una herramienta donde se puede escribir las páginas

web, cuenta con fácil interpretación de hyperlin quienes son encargados de dirigir

a documentos con información relacionado a HTML (Sanchez, 2017) es utilizado

por las empresas comercializadoras de repuesto de vehículos entre otras.

A través de las etiquetas vamos definiendo los elementos del documento, como

enlaces, párrafos, imágenes, etc. Así pues, (Hurtado, 2016) un documento HTML

estará constituido por texto y un conjunto de etiquetas para definir la forma con la

que se tendrá que presentar el texto y otros elementos en la página

Mediante este lenguaje podemos darle contenido a la página web como mostrar

las publicaciones de las ofertas o promociones del taller mecánico Frenos Car ya

que es accesible a una página dinámica.

2.2.9. Base de datos MySQL

MySQL es un sistema de administración de base de datos relacionales que

ayuda a buscar rápido los datos y a la vez es flexible al momento de manejar e

ingresar los datos a la tabla. (Balladarez, 2017). Es ideal para crear bases de datos

y poder tener acceso desde páginas web dinámicas, para la creación de sistemas

de transacciones on-line o para cualquier uso profesional que implique almacenar

datos.

MySQL es accesible prácticamente a todas las plataformas, incluyendo

Windows, UNIX y Linux. Sin embargo, también se puede utilizar en una amplia

Page 38: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

38

gama de aplicaciones, MySQL se asocia más con las aplicaciones basadas en la

web, (Quinaluiza, 2018,) es un componente importante de una pila empresarial de

código abierto llamado LAMP Linux, Apache, MySQL, PHP.

Para la elaboración del presente proyecto se necesita realizar la creación de

base de datos para el ingreso correspondiente de datos que mantiene la empresa

como roles de pago, ventas, datos personales del cliente, proveedores. Frenos car

buscar resguardar la integridad, seguridad de la información de sus clientes. Su

manejo para las creaciones de procesos y estructuras es de fácil accesible para el

uso adecuado.

2.2.10. Sistemas de información

Durante los últimos años los sistemas de información forman parte de uno de los

principales ámbitos de estudio en el área de formación de empresas en el entorno

donde muchas empresas desarrollan sus actividades laborales se vuelve cada vez

más accesible. (Hernandez, 2017). El crecimiento de la empresa hace que haya

un incremento de la competencia en los mercados de bienes y servicios, la rapidez

en el desarrollo de las tecnologías de información.

Los sistemas de información involucran equipos y programas informáticos,

telecomunicaciones, bases de datos, recursos humanos y procedimientos que

ayudan a muchas empresas a guardar una gran cantidad de datos y facilita

información con diferentes estructuras a múltiples decisiones en la empresa.

(Lapiedra, 2016). La tecnología de la información surge como un aspecto

fundamental, ya que facilita la gestión de empresas tanto pequeñas como grandes

y posibilita la búsqueda de ventajas competitivas.

Es un conjunto de componentes interconectados que cogen información que

almacenan y distribuyen para la toma de decisiones de un buen control de

Page 39: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

39

organizar, estas ayudan a coordinar y controlar los sistemas de información

(Reátegui, 2017), a gerentes y trabajadores para resolver problemas y a visualizar

asuntos complicados para crear productos nuevos.

Los sistemas de informacion ayudan mucho en una empresa a las

administracion, almacenar y distribuir informacion importantes y fundamentales

para cada organización en este caso ayudara mucho a la organización de datos

para el taller mecanico frenos car.

2.2.11. Servidor web

Los servidores web es programa que utilizan los protocolos de transferencia de

hipertextos, HTTP, que ayudan a los archivos a formar páginas web a los usuarios,

a darle respuestas de solicitudes enviadas que son reenviadas por los clientes

HTTP de computadoras (Arias, 2018). Los dispositivos y las computadoras

interconectada entre si se las pueden denominar también servidores web

El servidor es el que da órdenes a las peticiones de HTTP (Perez, 2017) que

llegan dependiendo el tipo de peticiones y necesidades del servidor web, página

web o bien ejecutará un programa en el servidor de igual manera siempre devolverá

los resultados HTML al cliente.

2.2.12. Seguridad informática

La seguridad informática permite la protección de los datos y detecta el uso no

autorizado de un sistema informático, por lo que se debe tomar las medidas

necesarias para prevenir esos problemas debe haber técnicas o herramientas

llamados mecanismos que se utilizan para fortalecer la confidencialidad, (Figueroa,

2019) la integridad y disponibilidad de un sistema informático

La seguridad de la información tiene como objetivo principal (Goyo, 2017).

proteger los activos importantes de la empresa que puede estar expuesto por

Page 40: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

40

hacker para que la información sea confiable para la empresa se debe utilizar

estrategias de negocio dependerán del almacenamiento, procesamiento

Es un conjunto de conocimientos, dispositivos y herramientas encargadas de

asegurar la integridad, disponibilidad y privacidad de la información en un sistema

(Acosta, 2018) informático y pretender reducir las amenazas que pueden afectar al

sistema

2.2.13. Internet

Según lo mencionado por Vasconcelos (2015, pág. 126) menciona que el

internet proviene del vocablo en inglés que significa red de informática

descentralizada en alcance global, se define como internet a un conjunto de

interconexión descentralizado de redes de comunicación que se encuentran

conectadas entre sí a nivel mundial de red o redes interconectado con ordenadores

que permite tener comunicación global de un país a otro.

2.2.14 Bootstrap

Bootstrap es un framework creado y desarrollo para realizar interfaces web

adaptables y amigable para cualquier dispositivo, ya sea una Tablet, un teléfono o

una PC de escritorio, laptop. (Luna, 2018 ) Esto hará que la interfaz sea adapta a

cualquier tamaño y resolución de pantalla sin la intervención del usuario.

Su funcionalidad es combinar JavaScript y CSS para estructuras los elementos

de una página HTML todas estas estructuras (Marah, 2019 ) permiten que la

interfaz de la pantalla sea interactiva para los usuarios, también puede ser enlazado

con el navegador, para controlar páginas web.

Page 41: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

41

2.3. Marco legal

2.3.1. Plan Nacional del buen vivir 2017 – 2021 Toda Una Vida Dentro del objetivo 5 Impulsar la Productividad y Competitividad para el

Crecimiento Económico Sustentable de Manera Redistributiva y Solidaria, se citan

las siguientes políticas:

5.1 Generar trabajo y empleo dignos y de calidad, incentivando al sector productivo para que aproveche las infraestructuras construidas y capacidades instaladas que le permitan incrementar la productividad y agregación de valor, para satisfacer con calidad y de manera creciente la demanda interna y desarrollar la oferta exportadora de manera estratégica. 5.3 Promover la investigación, la formación, la capacitación, el desarrollo y la transferencia tecnológica, la innovación y el emprendimiento, en articulación con las necesidades sociales, para impulsar el cambio de la matriz productiva. 5.7 Fomentar la producción nacional con responsabilidad social y ambiental, promoviendo el manejo eficiente de los recursos naturales y el uso de tecnologías duraderas y ambientalmente limpias, para garantizar el abastecimiento de bienes y servicios de calidad (Moreno, 2017, p.27). Se puede respaldar la presente información en las políticas del objetivo 5, donde

se promueve el empleo, la investigación y la producción, aprovechando los

recursos con los que cuenta una entidad, estos deben ser de forma ordenada y

responsable para satisfacer las necesidades; además permite el desarrollo

tecnológico, impulsando la matriz.

2.3.2 Código Orgánico Integral Penal Art. 5.- Confidencialidad y reserva se establecen los principios de confidencialidad y reserva para los mensajes de datos, cualquiera sea su forma, medio o intención. Toda violación a estos principios, principalmente aquellas referidas a la intrusión electrónica, transferencia ilegal de mensajes de datos o violación del secreto profesional, será sancionada conforme a lo dispuesto en esta Ley y demás normas que rigen la materia. (RGLCE, 2015, p.7). Para el desarrollo del software para el taller mecánico Frenos Car se regirá

mediante las leyes de Comercio Electrónico establecidas en la Constitución de la

República del Ecuador en su capítulo 5 de los derechos Económicos, Sociales y

Culturales.

2.3.3 Ley de Comercio Art. 9 que indica por mercadería o mercancía, para fines de los actos u operaciones a las que se refiere este Código se entiende todo bien mueble, material o inmaterial, que pueda ser objeto de actos jurídicos mercantiles. En lo

Page 42: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

42

que atañe a inmuebles, se estará a lo dispuesto por este Código para cada tipo de contrato (Pozo, 2019, p.8).

Mediante el desarrollo del software a la empresa comercializadora como es

Frenos Car se llevará cuidadosamente rigiéndose por la ley del comercio ya que

en esta empresa se llevará a cabo el registro de entidades privadas como las id

de los clientes, empleados, proveedores, mercadería y ventas.

Page 43: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

43

3. Materiales y Métodos

3.1. Enfoque de la investigación

3.1.1. Tipo de Investigación

En la elaboración e implementación del proyecto tenía un enfoque descriptivo -

cualitativo porque participan personal de la empresa para solucionar las

necesidades de la misma es por eso que se manipularon técnicas de investigación

más destacadas como son la observación exploratoria, la investigación

bibliográfica, encuesta, entrevista, es un incorporado de estudio sistemático.

se lo realizo en el lugar que se producen los hechos relacionados a los aspectos

que dificultan las actividades normales en la empresa Frenos Car con la finalidad

de obtener información necesaria y de gran utilidad que nos permita desarrollar la

investigación y el sistema de forma correcta.

3.2. Metodología

3.2.1. Metodología XP

La metodología XP ayudo al desarrollo de software es reconocido por la agilidad

de sus procesos de poner en ejecución el sistema da énfasis en la adaptación a

más (Sánchez, Lizano, & Sandoval, 2020) de ajustar en potencial las relaciones

interpersonales como clave para el éxito, promovió el trabajo en equipo

XP se basa directamente en satisfacer las necesidades del cliente y el equipo

de desarrollo, comunicación fluida entre todos los participantes, simplicidad en las

soluciones implementadas y coraje para enfrentar los cambios. XP se define como

especialmente adecuada para proyectos con requisitos imprecisos y muy

cambiantes, y donde existe un alto riesgo técnico.

Page 44: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

44

3.2.1.1. Fase de Planificación

Durante la recopilación de información para el desarrollo del proyecto se halló

en la necesidad de hacer levantamiento de información al taller mecánico para

conocer los requerimientos con los que se elaborará el sistema web para el uso del

taller mecánico “Frenos car” (Sánchez, Lizano, & Sandoval, 2020).

En esta fase se estableció el funcionamiento que debe tener el sistema en el

flujo del control de datos, a la vez se conoció los usuarios que deben tener acceso

a la información. Para poder conocer el manejo de dicho sistema se realizaron

entrevistas al gerente y administradores del taller mecánico.

3.2.1.2. Fase de Diseño

En la elaboración del diseño se tomó en cuenta la construcción completa para el

desarrollo del sistema web, esta fase realizada la modelación de base de datos que

podrán verse reflejado los requerimientos funcionales e importantes, la elaboración

de diagramas de clase, casos de usos todo esto se llevara a cabo para el desarrollo

del diseño de software.

3.2.1.3. Fase de codificación

En esta fase de codificación se realizó la creación de base de datos, diseños y

estructuras de acuerdo a las necesidades de registros de información que hay en

el taller mecánico “Frenos car”.

3.2.1.4. Fase de Prueba

Mediante esta fase se puedo evaluar el funcionamiento correcto de la aplicación,

validar datos, rendimiento con la finalidad de verificar el debido funcionamiento del

sistema web, permitiendo corregir a tiempo cualquier falla o error antes de su

respectiva instalación.

Page 45: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

45

3.2.1.5. Fase de Lanzamiento

Una vez realizadas las fases anteriormente mencionadas el programa estará

preparado para su respectiva instalación del sistema web elaborado para el taller

mecánico “Frenos car”, para continuar con la capacitación sobre el buen

funcionamiento del sistema para evitar el mal uso del mismo y que no valla a ver

perdida de información del taller mecánico.

3.2.2. Recolección de datos

• Recursos materiales

Recursos humanos

Alumna que propone el tema:

Tutor del proyecto de titulación:

• Recursos bibliográficos

Se procederá a buscar la información necesaria en los repositorios, bibliotecas

virtuales y documentos en PDF, que aporten a tema de investigación.

• Recursos tecnológicos

Hardware

• Computadora Sony vaio portátil con un procesador 32.0 GHz

• Impresora

Software

• Sistema operativo Windows 7.

• Lenguaje de programación PHP

• Gestor de base de datos MySQL

• Memoria RAN de 8 GB

Page 46: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

46

3.2.2.1. Recursos económicos

En la elaboración del sistema web se estima el costo que se utilizará para el

desarrollo e implementación del proyecto.

Tabla 1. Presupuestos de implantación de software Descripción de recursos Valor

Equipo de cómputo de servicio para pruebas

Impresiones

Hosting y dominio

Internet (Mensual)

$700,00

$280.00

$200,00

$45.00

Total $1.225,00

Costos estimados para el desarrollo del sistema web Pérez, 2020

3.2.3. Métodos y técnicas

En el desarrollo del proyecto se utilizará métodos y técnicas para la elaboración

de proyecto de sistema web se realizaron investigaciones bibliográficas, encuestas

y entrevistas.

En la observación de conocer más de los procesos de las actividades que realiza

el taller mecánico “Frenos car”, con la única finalidad de poder solventar sus

necesidades y movimiento del taller que dichos conocimientos sean utilizados para

crear correctamente el programa.

Mediante la indagación bibliográfica que ayuda a la creación de página web, se

utilizaron varias fuentes de investigación como tesis, artículos, revista científicas,

libros entre otros toda esta información ayuda con respecto al tema de indagación

para su elaboración.

Page 47: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

47

Las encuestas serán realizadas a los clientes y empleados del taller mecánico

“Frenos car”, donde podemos conocer los requisitos y necesidades por parte de los

usuarios estas encuestas darán respuestas para el buen desarrollo de sistema.

Las entrevistas serán dirigidas a los administradores y gerentes del taller

mecánico “Frenos Car” estas serán preguntas abiertas con respecto al maneja del

taller mecánico para llegar a conocer más las necesidades y debilidades que

puedan tener y así mismo podemos satisfacer las necesidades del cliente y

empleados.

3.2.4. Población y Muestra

Mediante la elaboración del proyecto se realiza un análisis estadístico de manera

descriptivas por lo cual ayudara a tabulara la información generada por encuestas,

entrevistas realizadas al propietario y al gerente general, con la finalidad de dar la

respectiva valoración porcentual del taller mecánico “frenos car”.

La entrevista se da con la finalidad de conocer el correcto funcionamiento de la

empresa, debido a la entrevista nos permite también a conocer las fortalezas y

debilidades que pueda tener el taller mecánico.

En el caso de los clientes, se recurrirá un muestreo probabilístico desde una

población aproximada de 150 clientes mensuales que buscan los servicios de la

empresa. El número de clientes que responderá a la encuesta (tamaño de muestra 𝑛) se ha definido con la expresión siguiente:

𝑛 = 𝑁 ∗ 𝑍2 ∗ 𝑝 ∗ (1 − 𝑝)𝑒2(𝑁 − 1) + 𝑍2𝑝 ∗ (1 − 𝑝) Siendo 𝑍 el grado de confianza estadística para estimar una proporción, que al

considerar una probabilidad de confianza del 5%, equivale a 1.96 bajo la

distribución normal estándar (DNE); 𝑝 es la probabilidad de respuestas positivas,

Page 48: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

48

que al no tener un dato referencial se asume el valor de 0.5 como condición crítica; 𝑒 es el error de muestreo, el mismo que se adopta como 0.05 (5%); y finalmente 𝑁,

es el tamaño de la población, cuyo valor establecido es de 150. Con estas

condiciones y utilizando la expresión antes indicada, el tamaño de la muestra (𝑛) para el levantamiento de información en relación a los clientes es de 108 personas.

3.2.5. Recurso Financiero

Recursos financieros que se utiliza son del taller mecánico que ayuda para la

implementación del sistema web, también contara con el recurso tecnológico que

ya cuenta el propietario del taller mecánico “Frenos Car”, también se utiliza el

recurso humano que es asumido por docente guía y autora del proyecto.

3.2.6. Análisis Estadístico

La información obtenida mediante las encuestas a los clientes se evaluará

mediante estadígrafos descriptivos que se utilizó para estimar los parámetros de

tabulación mediante sus graficas representativas utilizando Microsoft Excel.

Mediante la entrevista que se realizó al propietario del taller mecánico Sr. Luis

Adolfo Chiguano Choco, la entrevista consta de 10 pregunta donde se pudo

conocer el problema que existe actualmente en el taller mecánico “Frenos Car”.

En el taller mecánico ha llevado su registro de venta y compra de productos,

reparaciones, cotizaciones, pagos de empleados, todo estos se llevan registro

manual si se desarrollaría una herramienta web que ayude a llevar un registro

donde se pueda hacer consultas al buscar el nombre del cliente que se permite

visualizar las cotizaciones realizadas sin necesidad de buscar en los registros

manuales.

Los inconvenientes que actualmente tiene el taller mecánico al realizar las

facturas manuales: que se debe llenar los datos del cliente y detallar los repuestos,

Page 49: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

49

ocasionando que se demore más al momento de facturar. Mediante la herramienta

web que se va a desarrollar en el taller mecánico ayudara a minimizar el tiempo de

registro y buscar rápidamente las cotizaciones del cliente y registrar los productos

que el cliente está llevando de una manera más rápida.

Al realizar una consulta en el taller mecánico se recopilaran los siguientes datos

como: Nombre del cliente, cedula, dirección, teléfono, número de placa, año del

vehículo, reparaciones, repuestos que va a utilizar, todos estos datos serán

registrados en la herramienta web que se desarrollara en el formulario que ayudará

a que en el momento que el cliente se acerca con su vehículo por primera vez ya

no tenga que llenar tanto datos si no que ya se lo busca por su número de cedula

o nombres, así ayudara a no perder tiempo en volver a llenar datos manuales.

La herramienta web que se desarrollará ayudará que el dueño del taller pueda

ver con rapidez, los repuestos que se venden más, poder revisar cuantos

repuestos, aceite tienen en stock y disponible en cuanto todo esto se lo llevaba

anteriormente en un cuaderno.

“Frenos Car” taller mecánico en la actualidad no posee ningún formato de

registro de inventario por la cual con la herramienta web no es necesario tener

formato, solo se registrarían datos específicos del repuesto y luego se pondrá un

stock o un estado para luego poder consultar cuando se requiera.

Con una herramienta web se podrá visualizar los roles de pagos de empleados,

compras, ventas, facturación, registro de clientes.

La herramienta será de gran ayuda para el control de los procesos del taller

mecánico “Frenos Car”.

Page 50: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

50

3.2.7. Diagrama del sistema

Figura 1. Diagrama para el desarrollo del sistema Pérez, 2020

Page 51: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

51

4.Resultados

4.1 Realizar la debida recopilación de datos a través de encuestas

realizadas a usuarios que permita la definición de requerimientos del

aplicativo web.

Para dar las debidas soluciones a un problema se efectuó una profunda

investigación, para ello se recopilo importantes informaciones estas fueron

necesarias para el desarrollo de la presente propuesta tecnológica se realizaron

encuestas dirigidas a los usuarios del taller mecánico donde se pudo conocer la

problemática para el desarrollo económico, laboral y la gestión del control de los

servicios. (Ver Anexo)

Estos problemas encontrados en la recopilación de información dieron a

conocer que el taller mecánico solo llevaba sus registros manualmente lo que

provocaba que hubiera alteración de información y pérdida de tiempo ya que para

realizar cotizaciones había que buscar los registros de los precios anotados

anteriormente, ahora esa información se la puede buscar de una manera más fácil

sin la necesidad de tener que buscar en apuntes, hojas de cálculo, cuadernos para

realizar búsqueda o anotar algún registro sobre los repuestos que ingresan al taller

mecánico, para solucionar este problema ahora se logra conocer el estado del

mismo mediante filtro de búsqueda.

Conociendo las causas y los problemas que obtiene el taller descrito en el

planteamiento del problema, se lo llega a solucionar mediante el desarrollo de un

aplicativo web que permite controlar la información y gestionar rápidamente los

servicios del cliente del taller mecánico frenos car.

Page 52: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

52

4.2 Diseñar el modelo del sistema, a través de la base de datos, diagramas

UML que permita el desarrollo del aplicativo web.

Teniendo en conocimiento las causas del problema y los requerimientos de los

clientes y el propietario del taller mecánico se obtiene diseñar la estructura de la

base de datos, mediante la cual se va permitir el rendimiento del sistema de

información porque al diseñar diagramas se logrará mejorar y mantener la entrada

de los datos, se puedan almacenar correctamente a la aplicación de información

desarrollada en un lenguaje de programación.

Se diseñaron diferentes modelos lógicos de base de datos como diagramas de

clases, diccionarios de datos, casos de usos y diagrama de relación para esos se

utilizó del lenguaje unificado de modelo (UML) donde se pudo plantear los módulos,

atributos, entidades, tipos de datos y sus correctas relaciones con la base de

requerimientos que se pudieron describir y analizar en la respectiva recolección de

datos. (Ver Anexo)

Hay que destacar que al momento que presente la propuesta tecnológica para

“frenos car” se realizó un análisis de recolección de datos, requerimientos con las

encuestas y entrevistas, lo que asedió definir las entidades, atributos en la base de

registro de información que se realizó en el taller mecánico, todos estos procesos

se detallaron en la estructura de la base de datos, es decir se realizaron columnas,

claves primarias, claves segundarias, tipos de datos y relaciones que son

necesarias para el ingreso de información para el sistema de información web para

que luego no existan problemas por ejemplo: duplicados de claves datos erróneos,

existentes, datos no compatibles entre otros.

Page 53: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

53

4.3 Desarrollar el aplicativo web a través de lenguaje de programación PHP

para construir el programa basado en el diseño.

Se realizo el diseño de la herramienta web en base a la estructura diseñada en

base de datos para esto se logró realizar en un software libre que permitió diseñar

mediante operadores lógicos y la codificación de cada pantalla, con sus respectivas

opciones y botones que corresponden a los diferentes módulos del sistema que

permitió el mejor control de los servicios del taller mecánico.

Para poder diseñar cada una de las pantallas para el sistema se tomaron en

cuenta los requerimientos basados en la estructura de la base de datos, para

ello se utilizó lenguaje de programación libre en PHP y se realizó la creación de

modelos con sus campos respectivos, descripción y a la definida conexión junto

al usuario y contraseña, nombre de la base. (Ver Anexo)

Se hizo el traslado de información para crear los modelos de base de datos,

enseguida se crea los archivos que contienen los HTML donde se podrá mostrar

el diseño de cada una de las pantallas de la herramienta web para llamar los

archivos donde se crearon estas pueden ser conectadas con estas carpetas para

que en el momento de darle clic en el panel de control de administración se podrá

desplazar a la página a la cual pertenece. como ya mencionamos anteriormente

el sistema de información web se va poder registrar los datos de cliente,

empleados, repuestos, así como también se podrá ver los ingresos y la salida

de mercadería que se comercializa en el taller mecánico, el registro de pedidos

de repuestos y en la compra de aceites, repuestos entre otras de esta manera

se podrá tener un manejo rápido y oportuno de los ingresos egreso del taller

mecánico.

Page 54: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

54

4.4 Implementar el aplicativo web en el taller mecánico servicios mediante

la configuración intranet para ayudar en la gestión de la información.

Mediante el desarrollo del sistema web se realiza las respectivas pruebas

debidas para que todo esto sea posible se ejecutaron los diferentes casos caja

negra caja blanca en la pantalla de la aplicación web, después de a ver realizado

se efectuara la implementación de la herramienta web para el taller mecánico

“Frenos Car”, todo esto se realizó dependiendo los recursos informáticos que

tiene la entidad.

Se adquirió un hosting y dominio para la elaboración de la herramienta web que

debe ser alojado en el internet así el propietario del taller mecánico lograra

ingresar al sistema desde cualquier navegador de internet y de cualquier

dispositivo que contenga internet mediante eso puede ingresar la información,

registros respectivos registros de la información que se ingresa diariamente en

el taller mecánico.

Se realizo una capacitación a todos los miembros del taller mecánico para que

puedan conocer sobre las funciones del sistema web, sus opciones botones de

acción, panel de administración, registro, roles de pago, asistencia de

empleados así puedan utilizar para beneficio de la entidad y para poder mejorar

la calidad de los servicios que ofrecen a los clientes para evitar que se presente

cualquier inconveniente

Mediante el trascurso del tiempo se le dará mantenimiento a la herramienta web

para garantizar la calidad de funcionamiento de la aplicación web para que el

taller mecánico siga brindando una atención a sus clientes de calidad

Page 55: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

55

5. Discusión

Los sistemas información ayudan al desarrollo de una empresa con sus

herramientas informáticas pueden automatizar y gestionar actividades o procesos

que se están realizando, es por ello que varias empresas las incorporan con mayor

frecuencia con sus nuevas tecnologías, funciones y tecnologías, busca conseguir

un máximo desarrollo y rentabilidad para sus negocios.

Las empresas dedicadas a la compra y venta de repuestos de taller mecánicos

necesitan el desarrollo del software en la web para hacer separación de citas, y en

la parte interna diagnósticos, presupuestos, etc. lo cual servirá para controlar la

acumulación de clientes en el taller y obtener información del historial de los

trabajos realizados en los vehículos (Castro, 2018).

Según (Hidalgo, 2019) indica que las propuestas tecnológicas de

implementación y diseño para la empresa obtención de resultados favorables que

contribuyeron al desarrollo exitoso de la investigación permitiendo así determinar

principalmente la demanda insatisfecha de propietarios de vehículos ayuda al

funcionamiento de las tiendas virtuales a las nuevas tecnologías de ventas online.

Las nuevas innovaciones en la tecnología ayudan al desarrollo del taller

mecánico es por eso que los talleres mecánicos han innovado con el nuevo sistema

para agilizar los procesos de ventas y compra en el mercado comercial la alianza

estratégica entre la empresa de Renting y el taller mecánico será indispensable; ya

que ambas buscan generar más ingresos (Toala & Eugenio, 2015, P.56)

En el estudio realizado, en la ciudad de Esmeraldas demanda de talleres, que

cuenten con equipos modernos y de calidad, así como, de servicios adecuados

para un parque automotor que por los datos descritos se encuentran desatendidos,

Page 56: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

56

talleres con tecnología y organización optimas y que posibiliten satisfacer los

requerimientos de la demanda social insatisfecha (Valencia, 2017, p.38)

Los inconvenientes que presenta la compañía de Renting con los proveedores

que actualmente le prestan servicio de mantenimiento preventivo y correctivo es no

contar con predisposición y compromiso en los trabajos que realizan, viéndose

reflejado en las quejas de los usuarios del servicio por falta de un aplicativo web

donde puedan ver las ofertas que ofrece Renting (Quinde, 2018, p.2)

La implementación del sistema de Gestión Integral que ayude o facilite los

procesos que se llevan a cabo en el taller una vez que estos han sido

automatizados, logrando con esto mayores ingresos para el negocio, un mejor

control de los procesos y lo primordial que es la satisfacción de los clientes tiene

como función el uso de una tienda virtual lo cual permite ampliar ventas mediante

el comercio electrónico (Castro, 2017, p.28).

La agilidad al momento de entregar información valiosa al cliente y personal

administrativo, facilita la relaciones entre la empresa y cliente esto debido a que los

clientes reciben una atención de calidad y por ende los beneficios económico de la

empresa aumentaría con respecto al cliente que recibe reducirá la posibilidad de

pertenecer al grupo de los clientes que tiene el taller es por eso que varias

empresas desean innovar con las nuevas tecnologías (Toala, 2017, 35.p)

Page 57: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

57

6. Conclusiones

Se implemento una herramienta web mediante lenguaje de programación

PHP y su gestor de base de datos de software libre el cual ha ayudado a mejorar

la gestión de control de los servicios del taller mecánico “Frenos Car”

También se realizaron el respectivo levantamiento de información mediante

encuestas a los usuarios del taller, las cuales ayudo a obtener información

oportuna que ayudo al desarrollo correspondiente de la herramienta web para el

mejor manejo de los procesos de “Frenos Car”.

Se realizo el diseño de la base de datos a través del lenguaje unificado (UML)

donde se plantearon modelos, entidades, atributos respectivas relaciones en base

al requerimiento que se puedan analizar y describirse en la recopilación de datos.

Se desarrollo la herramienta web a través de lenguaje de programación de software

libre que es de una gran ayuda, y permite el registro correcto de la gestión y control

de los servicios del taller mecánico.

Los registros anteriormente se lo realizaban manualmente lo que hacía que

pierda mucho tiempo al momento de consultar había que buscar los registros

anteriormente anotados para tener el estado del vehículo que había sido revisado

el mes pasado ver en qué condiciones se encontraba el vehículo y ahora eso se lo

puede buscar de una manera más fácil y rápida sin tener que buscar en cuadernos

o en hojas de cálculo, para realizar o buscar este registro.

Otros de los problemas que existían era un mal control de información registrada

obre los productos que ingresan y salían, ahora con la herramienta se lleva un

mejor control de los productos ya que de esa manera al momento de que el cliente

quiera llevar un producto o consultar pueda verificar si todavía hay en stock.

Page 58: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

58

7. Recomendaciones

Para garantizar el buen funcionamiento de la herramienta web se le recomienda

al propietario del taller mecánico las siguientes recomendaciones:

Tomar en cuenta cada uno de los lineamientos establecidos en el manual de

usuario para un buen manejo del sistema, puesto que hay esta detallado

correctamente el funcionamiento de cada una de las opciones, botones de la

herramienta web.

Mejorar las herramientas del aplicativo web según el crecimiento que tenga la

empresa para llegar a ser líderes en el mercado, también se recomienda

implementar una app para los clientes donde puedan revisar precios y cotizaciones

del taller mecánico frenos car

Crear roles de acceso de usuarios para que no todos puedan tener acceso a la

información con el fin de evitar que haya un mal uso de esta información, para

poder realizar este proceso en el sistema existirá una opción donde se podrá

realizarlo fácil.

utilizar navegadores confiables como Google Chone, Opera, Mozilla Firefox, entre

otros.

Realizar promociones del taller mecánico para poder conseguir nuevos clientes

y poder ofrecer los servicios que ofrece el taller mecánico Frenos Car.

El propietario debe capacitar a los trabajadores de Frenos Car que puedan

conocer el buen funcionamiento del sistema de información y así darle un buen uso

para garantizar la calidad del servicio que pueda brindar Frenos car y que en un

futuro pueda expandirse en el mercado.

Page 59: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

59

8.Bibliografía

Acosta, j. (2018, p.23). Protocolo de seguridadinformación para ususarios en la

universidad regional automa de los andes uniades. Ambato: IB5739202.

Obtenido de

http://dspace.uniandes.edu.ec/bitstream/123456789/8725/1/PIUASIS016-

2018.pdf

Almaraz. (2016, p. 31). Desarrollo de una aplicación web para la gestión de

entornos virtuales. Madrid. Obtenido de

https://eprints.ucm.es/13083/1/Memoria_SI_Final.pdf

Alvarez, j. (2017). Estados unidos, las tic y un nuevo escenario del proyecto

subversivo contra cuba. estados unidos: IBE4321I. Obtenido de

https://www.researchgate.net/publication/317416720_Estados_unidos_las_

tic_y_un_nuevo_escenario_del_proyecto_subversivo_contra_cuba

Arias, a. (2018, p.51). Desarrollo de una aplicación web para la mejora del control

de asistencia de personal en la Escuela Tecnológica Superior de la

Universidad Nacional de Piura. lima: IB658043. Obtenido de

http://repositorio.uigv.edu.pe/bitstream/handle/20.500.11818/2930/TESIS-

MARCO%20ANTONIO%20ARIAS%20MU%C3%91OZ.pdf?sequence=2&is

Allowed=y

Balladarez, J. (2017, p.49). “Sistema de autogestión de la salud para pacientes con

diabetes y asma, desarrollado e implementado en una plataforma android;

con monitoreo de una aplicación web en PHP dirigida a los médicos

tratantes, enfocado en la administración y gestión de la base. Guayaquil:

IBM1234. Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/24100/1/B-CISC-

Page 60: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

60

PTG.1382.Balladares%20Dom%C3%ADnguez%20Jaime%20Andr%C3%A

9s.pdf

Blanco, L. (2018, p.17). Implementacion de un software basado en herramientas

de software libre para la gestión del riesgo en la universidad libre. Bogota.

Obtenido de

https://repository.unilibre.edu.co/bitstream/handle/10901/11154/Tesis%20I

mplementacio%CC%81n%20de%20un%20Software%20basado%20en%2

0herramientas%20de%20Software%20Libre%20para%20la%20Gestio%C

C%81n%20del%20Riesgo%20en%20la%20Universidad%20Libre.pdf?seq

uence=

Canet, I. (2016). Aplicación web para gestión integral de talleres de vehículos.

València: Universitat Politècnica de València. Obtenido de

https://riunet.upv.es/bitstream/handle/10251/63973/-CANET%20-

%20Aplicaci%C3%B3n%20web%20para%20gesti%C3%B3n%20integral%

20de%20talleres%20de%20veh%C3%ADculos.pdf?sequence=2&isAllowe

d=y

Carpio, d. (2017, p.18). Estudio para la implantación de un sistema de normas de

control dirigido al servicio de postventa y atencion al cliente. Quito:

IBEI12874. Obtenido de

https://repositorio.uide.edu.ec/bitstream/37000/154/1/T-UIDE-0151.pdf

Castro. (2017, p.28). Sistema de gestión integral para el taller automotriz “marcelo”

ubicado en la ciudad de guayaquil. Guayaquil: IB762WN32. Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/21915/1/TESIS%20CASTRO-

ZAMBRANO%2026%20septiembre%202017.pdf

Page 61: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

61

Castro. (2018). Sistema de gestión integral para el taller automotriz. Guayaquil:

IB83269D. Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/21915/1/TESIS%20CASTRO-

ZAMBRANO%2026%20septiembre%202017.pdf

Castro, J., & Zambrano, K. (2017). Sistema de gestión integral para el taller

automotriz “MARCELO” ubicado en la Ciudad de Guayaquil. Guayaquil:

Universidad de Guayaquil. Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/21915/1/TESIS%20CASTRO-

ZAMBRANO%2026%20septiembre%202017.pdf

Cordovez, c. (2015). la utilización de las tecnologias de informacion Y. Mexico:

cor15. Obtenido de file:///C:/Users/crecos/Downloads/Dialnet-la utilizacion

de las tecnologias de informacion y comunic-5599362.pdf

Figueroa, J. (2019, p.13). Plan de seguridad informatico basado en la norma

ISO27002 y la gestión de la información para el departamento de TIC de la

uniandes extensión babahoyo. Babahoyo: IBRG8749302. Obtenido de

http://dspace.uniandes.edu.ec/bitstream/123456789/9751/1/PIUBSIS001-

2019.pdf

Goyo, G. (2017, p.22). Metodología para la seguridad de tecnología de información

y comunicaciones en la clinica ortega. Huancayo: IBT68492. Obtenido de

http://repositorio.uncp.edu.pe/bitstream/handle/UNCP/1478/Tesis-

Goyo%20Francisco%20Guzman%20Pacheco.pdf?sequence=1&isAllowed

=y

Hernandez, A. (2017, p.27). Los sistemas de informacion : Evolucion y desarrollo.

España: IBBG5432. Obtenido de file:///C:/Users/crecos/Downloads/Dialnet-

LosSistemasDeInformacion-793097.pdf

Page 62: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

62

Hernández, E. (2018, p.4). El Lenguaje unificado de modelo UML. Guatemala:

IBET763291. Obtenido de

http://www.disca.upv.es/enheror/pdf/ActaUML.PDF

Hidalgo, J. (2019). Estudio de factibilidad para la implementación de un taller.

Guayaquil: IB2181LI. Obtenido de

https://repositorio.uide.edu.ec/bitstream/37000/1004/1/T-UIDE-029.pdf

Hurtado, j. (2016, p.29). Introducion a HTML. Ambato: GTR1273. Obtenido de

http://www.edu.xunta.gal/centros/iesdavidbujan/system/files/INTRODUCCI

%C3%93N+AL+Lenguaje++HTML.pdf

Jacome, W. (2017). Desarrollo de un sistema web para apoyar la gestión e

docentes y estudiantes de educación genneral básica superior del colegio

físcal Assad bacaran elmhalin. Guayaquil: IBHTES2864. Obtenido de

file:///C:/Users/crecos/Downloads/B-CISC-

PTG.1375.J%C3%A1come%20Ch%C3%B3ez%20William%20Jessie.Pihu

ave%20Parrales%20Hingri%20Lissethe.pdf

Lapiedra, r. (2016, p.34). Introducción a la gestión de sistemas de información en

la empresa. méxico: ISBN: 978-84-693-9894-4. Obtenido de

https://libros.metabiblioteca.org/bitstream/001/193/8/978-84-693-9894-4.pdf

Luna, F. (2018 p.3). Sitios multiplataforma con Bootstrap. México: Miguel

lederkremer. Obtenido de

https://books.google.com.ec/books?id=bBVFDwAAQBAJ&printsec=frontcov

er&dq=Bootstrap&hl=es-419&sa=X&ved=0ahUKEwj-rN-

O9ODlAhXm01kKHdZgCHIQ6AEINDAB#v=onepage&q=Bootstrap&f=false

Marah, j. (2019 p.10). Dominar Bootstrap 4. Birmingham-Munbai : ISBN 978-1-

78398-112-0. Obtenido de

Page 63: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

63

https://books.google.com.ec/books?id=v39cDgAAQBAJ&pg=PA1&dq=Fra

mework+Bootstrap&hl=es-

419&sa=X&ved=2ahUKEwjK0r_jjMXtAhWBmlkKHUJOAv4Q6AEwAXoECA

IQAg#v=onepage&q&f=false

Mateus, c. (2018, p. 86). Desarrollo de aplicaciones web. Madrid: ISBN: 84-9788-

118-4. Obtenido de

https://libros.metabiblioteca.org/bitstream/001/591/1/004%20Desarrollo%20

de%20aplicaciones%20web.pdf

Mendoza, R. (2018, p.4). Base de datos. Quito: IBHG83740. Obtenido de

http://repositorio.uchile.cl/bitstream/handle/2250/151632/Bases-de-

datos.pdf?sequence=1&isAllowed=y

Merchán, D. (2017, p.16). Evaluación y propuesta de un sistema de gestión

automotriz para renovación de talleres merchan en la cuidad de cuenca.

Cuenca: IBGE7281-3. Obtenido de file:///C:/Users/crecos/Downloads/UPS-

CT004540%20(2).pdf

Molina, C. (2017, p.140). El Software Libre y sus perspectivas. Salvador:

IGBGT18760. Obtenido de

http://libroslibres.uls.edu.sv/softwarelibre/El%20Software%20Libre%20y%2

0sus%20perspectivas.pdf

Molina, D. (2018). Aplicaciónwebparalagestióndel mantenimiento de vehículos.

Valencia: Universidad Politecnica de Valencia. Obtenido de

https://m.riunet.upv.es/bitstream/handle/10251/115928/Molina%20-

%20Aplicaci%C3%B3n%20web%20para%20la%20gesti%C3%B3n%20del

%20mantenimiento%20de%20veh%C3%ADculos.pdf?sequence=4&isAllo

wed=y

Page 64: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

64

Morales, c. (2018, p.32). Aplicación webde venta de flores con facturación

electrónica para la empresa exportroker S.A. Ambato: IBEF3873992.

Obtenido de

http://dspace.uniandes.edu.ec/bitstream/123456789/8521/1/TUAEXCOMSI

S019-2018.pdf

Moreno, L. (2017, p.27). Plan Nacional del buen vivir 2017-2021 toda una Vida.

Quito: IB4323-3. Obtenido de https://www.planificacion.gob.ec/wp-

content/uploads/downloads/2017/10/PNBV-26-OCT-

FINAL_0K.compressed1.pdf

Nava, M. (2016). Herramienta para gestión financiera eficiente. Vezuela:

IBTF625912. Obtenido de

http://ve.scielo.org/scielo.php?script=sci_arttext&pid=S1315-

99842009000400009

Perez. (2017, p.41). Sistema de generación de aplicaciones web. Madrid: IBE5382I.

Obtenido de

file:///C:/Users/crecos/Downloads/GeneradordeAplicacionesWeb.v3.pdf

Perez, H. (2017, p.49). Propuesta de análisis y diseño basada en UML y UWE para

la migración de arquitectura de software centralizada hacia internet.

Guatemala: IBMH2857430. Obtenido de

http://biblioteca.usac.edu.gt/tesis/08/08_0470_CS.pdf

Poveda, J. (2017, p.28). Desarrollo de un prototipo web para gestión y medición

vehicular de la oficina técnica y de prestación de servicios Guayaquil del

Banco central del Ecuador. Guayaquil: INH234. Obtenido de

file:///C:/Users/crecos/Downloads/B-CISC-

PTG.1388.Poveda%20Del%20Rosario%20Juan%20Kevin.pdf

Page 65: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

65

Pozo, H. (Mayo de 14 de 2019, p.8). Código de Comercio. Registro Oficial

Suplemento 497 de 29-may.-2019, pág. 187. Obtenido de

https://www.supercias.gob.ec/bd_supercias/descargas/lotaip/a2/2019/JUNI

O/C%C3%B3digo_de_Comercio.pdf

Quinaluiza, A. (2018, p.38). Interfaz de programación de aplicaciones para la

generación automática de procedimientos almacenados en Mysql. Ambato:

IBTY875. Obtenido de

https://repositorio.uta.edu.ec/bitstream/123456789/27820/3/Tesis_t1384si.p

df

Quinde. (2018, p.2). creación de un taller mecánico zv talleres s.a. para una

empresa de renting en la ciudad de guayaquil. Guayaquil: universidad de

guayaquil. Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/28629/1/Tesis%20creaci%C3%

B3n%20de%20un%20taller%20mecanico%20-

%20Viviana%20Zhagui%20Quinde.2.pdf

Quinde, B. (2017, p. 19). Servicios TI para PYMES de la ciudad de Cuenca”.

Cuenca: IB2415. Obtenido de

http://dspace.ucuenca.edu.ec/bitstream/123456789/27759/1/Trabajo%20de

%20titulacion.pdf

Quishpe, W. (2017). Aplicación web para la gestión de comercialización de

servicios en la mecánica “San Cristóbal” en el Cantón Quevedo. Quevedo:

Universidad Regional Autónoma de Los Andes. Obtenido de

http://dspace.uniandes.edu.ec/bitstream/123456789/7133/1/TUQEXCOMIS

I008-2017.pdf

Page 66: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

66

Reátegui, J. (2017, p.21). Implementación de un sistema de información para la

mejora del proceso administrativo de la empresa up and down inversiones

sac - trujillo. Trujillo- Perú: IBTE294856. Obtenido de

http://dspace.unitru.edu.pe/bitstream/handle/UNITRU/9412/RE%C3%81TE

GUI%20LEAU%2C%20JOS%C3%89%20MAURICIO.pdf?sequence=1&isA

llowed=y

Salao, J. (2010, p.56). Estudio de las técnicas de inteligencia artificial . Riobamba:

IGBT123. Obtenido de

http://dspace.espoch.edu.ec/bitstream/123456789/90/1/18T00366.pdf

Sanchez, A. (2017, p.32). Lenguaje HTML y paginas web. Guayaquil: IBG556.

Obtenido de

http://www.ub.edu/stat/docencia/bioinformatica/introbiocomputacio/HTML/H

TMLIntro.pdf

Sánchez, D., Lizano, F., & Sandoval, M. M. (2020, p.108). Integración de pruebas

remotas de usabilidad en Programación Extrema. UNICIENCIA, 34(1), 20-

31. doi:DOI: http://dx.doi.org/10.15359/ru.34-1.2

Tipán, C. (2018). Desarrollo e implementación de un sistema web para el control y

seguimiento de órdenes de trabajo por catálogo en el Taller Automotriz

Multimarcas Chevytech ubicado en el D.M.Q. Quito: Tecnologico Supirior

Cordillera. Obtenido de

https://dspace.cordillera.edu.ec/bitstream/123456789/4619/1/43-SIS-18-18-

1721949756.pdf

Toala, m. (2017, 35.p). Analisis y desarrollo de control de fichas. Guayaquil:

IBH7654SA. Obtenido de

Page 67: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

67

https://dspace.ups.edu.ec/bitstream/123456789/10312/1/UPS-

GT001212.pdf

Tobar, D. (2017, p.19). Analisis desarrollo e implementación de unna aplicación

web orientada para el registro de ordenes de compra, clientes y productos

para la empresa ferreteria tobar nolivos CIA.LTDA. Quito: IBEF872904.

Obtenido de

http://repositorio.puce.edu.ec/bitstream/handle/22000/6387/9.21.000707.pd

f?sequence=4&isAllowed=y

Valencia, r. (2017, p.38). estudio tecnico- economico para la creacion de taller

mecanico en esmeralda. Riobamba: escuela de ingenieria automotriz.

Obtenido de

http://dspace.espoch.edu.ec/bitstream/123456789/943/1/65T00014.pdf

Vasconcelos, J. (2015). Tecnología de Información. San Juan Tlihuaca: Grupo

Editorial Patrica, S.A de C.V. Obtenido de

https://books.google.com.ec/books?id=6M1UCwAAQBAJ&printsec=frontco

ver&dq=internet+y+nuevas+tecnolog%C3%ADas&hl=es-

419&sa=X&ved=0ahUKEwii5pKT6dzoAhWkneAKHUw0CS8Q6AEIODAC#

v=onepage&q&f=false

Vilcacundo, A. (2015, p. 17). La Innovacion tecnologica como factor de. Ambato:

IB4536.

Zhagui, Z. (2018, p.76). Creación de un taller mecánico zv talleres s.a. para una

empresa de renting en la ciudad de guayaquil. Guayaquil: IBE231. Obtenido

de

http://repositorio.ug.edu.ec/bitstream/redug/28629/1/Tesis%20creaci%C3%

Page 68: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

68

B3n%20de%20un%20taller%20mecanico%20-

%20Viviana%20Zhagui%20Quinde.2.pdf

Page 69: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

69

9.Anexos

9.1 Anexo 1. Modelo de encuesta para clientes

UNIVERSIDAD AGRARIA DEL ECUADOR

FACULTAD DE CIENCIAS AGRARIAS

ESCUELA DE COMPUTACION E INFORMATICA

Nombre del encuestador: Genesis Pérez

Nombre de los entrevistados: Santiago Toledo

Objetivo. - Identificar los problemas que enfrente el personal del taller al

momento de atender a los clientes.

Marcar con un visto la opción que crea la correcta.

1.- ¿Tiene usted vehículo?

Sí No

Si su repuesta es No se da por culminada la encuesta, Gracias.

2.- ¿Está usted de acuerdo que en el taller mecánico no existe agilidad en

cuanto la búsqueda de stock?

Totalmente en desacuerdo En desacuerdo

De acuerdo Totalmente de acuerdo

3.- ¿Cada que tiempo, usted lleva su auto al taller mecánico frenos Car?

1 vez por semana

Entre 2 a 3 veces al mes

Entre 60 y 90 días

1 vez al año

4.- ¿Está usted de acuerdo en la atención del cliente que mantiene el taller

mecánico a sus clientes?

Totalmente en desacuerdo En desacuerdo

De acuerdo Totalmente de acuerdo

Page 70: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

70

5.- ¿Qué tiempo estima usted en que se toma en atender al cliente?

Entre 1 a 5 minutos 1 hora

Entre 10 a 15 minutos Entre 30 a 60 minutos

6.- ¿Le gustaría usted que el taller mecánico cuente con una página web

como Facebook e Instagram donde pueda presentar las promociones que

existen?

Totalmente en desacuerdo En desacuerdo

De acuerdo Totalmente de acuerdo

7.- ¿Por qué razones lleva usted su vehículo al taller mecánico?

Mantenimiento

Reparaciones

Por accidenté o choque

8.- ¿considera usted que se ahorraría tiempo al momento de facturar si la

factura fuera enviada electrónica?

Totalmente en desacuerdo En desacuerdo

De acuerdo Totalmente de acuerdo

9.- ¿Califique la manera como atiende a los clientes al momento de las

cotizaciones de repuestos?

Buena Regular

Malo Excelente

10.- ¿Indique cuáles de todos estos medios utiliza el taller mecánico para

dar a conocer las promociones y ofertas?

Páginas Web Noticias

Redes Sociales Ninguno

Page 71: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

71

9.2 Anexo 2. Modelo de Entrevista

UNIVERSIDAD AGRARIA DEL ECUADOR

FACULTAD DE CIENCIAS AGRARIAS

ESCUELA DE COMPUTACION E INFORMATICA

Nombre del entrevistador: Genesis Pérez

Nombre del entrevistados: Luis Adolfo Chiguano Choco

Modelo de la entrevista dirigida al propietario del taller mecánico Frenos Car.

Objetivo. - Conocer las principales necesidades que el taller mecánico posee, y

los problemas que existen en ella.

1.- ¿Detalle las funciones que se realiza en el taller mecánico?

Venta y compra de productos, reparaciones de motores, alineación de carros,

cambio de aceite.

2.- ¿Describa los problemas actuales que tiene actualmente el taller

mecánico?

Llenar la gran cantidad de papeles

Perdida de información de inventarios

Tardía de cotizaciones para los clientes

3.- ¿se realiza control de inventario de los artículos que se vende aceites,

repuestos como se lleva a cabo el control de esos productos?

En cuaderno y en Excel

4.- ¿Qué problema o inconveniente puede existir al momento de pagar el

sueldo de los empleados?

Perdida de registro de los días que laboran los empleados.

5.- ¿Cómo cree usted que deberían ser los registros de los datos de clientes?

Mediante un registro de base de datos

Page 72: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

72

6.- ¿Cómo considera usted que los clientes reciban los informes o factura

electrónica mediante vía internet?

Mediante correos electrónico

7.- ¿cómo cree usted que puede mejorar la calidad de atención al cliente del

taller mecánico?

Un programa que ayuda minimizar el tiempo en el momento de facturar

8.- ¿considera usted, que un aplicativo web, ayude al crecimiento laboral del

taller mecánico?

Si ayudaría mucho.

9.- ¿El taller mecánico cuenta con equipos tecnológicos?

Si

10.- ¿Cómo el cliente puede consultar las ofertas o promociones que halla en

el taller mecánico Frenos car?

Mediante publicaciones en las páginas oficiales del taller como Facebook,

Instagram entre otras.

Page 73: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

73

9.3 Anexo 3. Tabulación de Encuesta a Empleado y Clientes de la empresa.

1. ¿Tiene usted vehículo?

Tabla 2. Análisis de la tenencia de los vehículos

Se presenta los resultados de la tenencia del vehículo Pérez, 2021

Figura 2. Resultados de la cantidad de clientes que son propietarios de sus vehículos. Pérez, 2021 Análisis

Como se aprecia en la figura la gran mayoría de los clientes que asisten al taller

son propietarios de sus vehículos y el restante son alquilados o de algún familiar,

esta información es importante por cuanto se puede almacenar en la base de datos

y llamarlos para cualquier tipo de inconvenientes o alguna promoción que se brinde

por parte del establecimiento.

Alternativa Frecuencia Porcentaje

Si 91 84%

No 17 16%

Total 108 100%

84%

16%

Si

No

Page 74: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

74

2. ¿Está usted de acuerdo que en el taller mecánico no existe agilidad en

cuanto la búsqueda de stock?

Tabla 3. Aceptación del estado actual de la atención en el taller Alternativa Frecuencia Porcentaje

Totalmente en desacuerdo 8 7%

De acuerdo 40 37%

En desacuerdo 0 0%

Totalmente de acuerdo 60 56%

Total 108 100%

Resultados de la atención ágil que se mantiene en el taller Pérez, 2021

Figura 3. Resultados de la valoración cualitativa de la atención brindada a los clientes. Pérez, 2021 Análisis

La mayoría de los encuestados afirmaron que están de acuerdo en que, no

existe agilidad al momento de buscar el stock de un repuesto para su vehículo, por

lo que es necesario implementar el módulo suministros, y automatizar los procesos

para optimizar el tiempo en esta área del taller.

7%37%

0%56%

Totalmente en desacuerdo de acuerdo

en desacuerdo totalmente de acuerdo

Page 75: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

75

3. ¿Cada que tiempo usted lleva su auto al taller mecánico “Frenos Car”?

Tabla 4. Análisis de la frecuencia de visitas de los clientes al taller

Resultados de la cantidad de visitas que hacen los clientes por periodos Pérez, 2021

Figura 4. Presentación de los resultados de las visitas. Pérez, 2021 Análisis

Se puede apreciar que la mayor parte de los clientes del taller llevan sus

vehículos por alguna causa una vez al año, otros clientes lo hacen de dos a tres

veces por mes, puesto que, se requiere de la tecnología para mejorar este bajo

afluencia al taller, por lo que se hace necesario habilitar en el sistema un módulo

de ingresos de promociones a los clientes para incentivar las visitas al taller.

7%

33%

5%

55%

1 vez por semanaEntre 2 a 3 veces al mesEntre 60 y 90 días1 vez al año

Alternativa Frecuencia Porcentaje

Una vez por semana 8 7%

Entre 2 a 3 veces al mes 35 33%

Entre 60 y 90 días 5 5%

Una vez al año 60 55%

Total 108 100%

Page 76: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

76

8%37%

0%55%

Totalmente endesacuerdo

de acuerdo

en desacuerdo

totalmente deacuerdo

4.- ¿Está usted de acuerdo con la atención brindan a sus clientes en el

taller mecánico?

Tabla 5. Análisis de los resultados de la atención a sus clientes

Resultados de la calidad de atención a los clientes Pérez, 2021

Figura 5. Resultados de atención que brindan a los clientes. Pérez, 2021 Análisis

Las atenciones brindadas a sus clientes por parte de los técnicos profesionales

del taller afirman sus clientes que están totalmente de acuerdo, esto significa que

la calidad y calidez que maneja el personal al momento de brindar sus servicios es

muy bueno, sin embargo, se puede mejorar brindando mayor rapidez con la ayuda

del sistema web.

Alternativa Frecuencia Porcentaje

Totalmente en desacuerdo 8 8%

De acuerdo 40 37%

En desacuerdo 0 0%

Totalmente de acuerdo 60 55%

Total 108 100%

Page 77: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

77

5.- ¿Qué tiempo estima usted en que se toma en atender al cliente?

Tabla 6. Análisis de medición del tiempo en ser atendido

Resultados del tiempo que espera para ser atendido Pérez, 2021

Figura 6. Tiempo de esperar para ser atendido. Pérez, 2021 Análisis

En esta parte del instrumento se puede considerar que el tiempo de espera se

debe cuando existen mayor fórum o que uno mecánico no se encuentra en su lugar

de trabajo por algún motivo, lo que se puede tener en cuenta en el sistema un

agendamiento de citas y confirmación de la misma para tener al personal disponible

y que este malestar ya no afecta a los clientes.

83%

10%5% 2%

Entre 1 a 5 minutosEntre 10 a 15 minutos1 horaEntre 30 a 60 minutos

Alternativa Frecuencia Porcentaje

Entre 1 a 5 minutos 90 83%

Entre 10 a 15 minutos 10 10%

1 hora 5 5%

Entre 30 a 60 minutos 3 2%

Total 108 100%

Page 78: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

78

6.- ¿Le gustaría usted que el taller mecánico cuente con una página web

como Facebook e Instagram donde pueda presentar las promociones que

existen?

Tabla 7. Análisis de la preferencia del uso del internet y las tecnologías Alternativa Frecuencia Porcentaje

Totalmente en desacuerdo 0 0%

De acuerdo 41 38%

En desacuerdo 1 1%

Totalmente de acuerdo 66 61%

Total 108 100%

Resultados del uso de páginas web y redes sociales. Pérez, 2021

Figura 7. Resultados de la aceptación del uso de páginas web. Pérez, 2021 Análisis

La gran mayoría de los clientes están totalmente de acuerdo en que se disponga

de una página web o red social, donde puedan acceder para conocer los servicios

o promociones que este local brinde a sus clientes y futuros clientes, por este

motivo se debe implementar esta aplicación web en el taller “Frenos Car”.

0%38%

1%

61%

Totalmente en desacuerdo

de acuerdo

en desacuerdo

totalmente de acuerdo

Page 79: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

79

7.- ¿Por qué razones lleva usted su vehículo al taller mecánico?

Tabla 8. Análisis de la frecuencia de acudir al taller mecánico

Resultados del tipo de servicios que buscan los clientes en el taller Pérez, 2021

Figura 8. Tipo de servicios que más utilizan los clientes en un taller mecánico. Pérez, 2021 Análisis

Existen muchas causas por las cuales se puede acudir a un taller de vehículos,

en esta ocasión se conoce que la mayor parte de la población encuestada es para

brindarle mantenimiento, ya que por alguna razón está presentando alguna avería

ya sea que el conductor lo ve o lo puede escuchar o sentir que algo está mal en su

carro; por lo que en algunos casos se debe reparar y cambiar alguna pieza, para

esto se implementará el módulo tipos de mantenimientos.

Alternativa Frecuencia Porcentaje

Mantenimiento 85 78%

Reparaciones 20 19%

Por accidente o choque 3 3%

Total 108 100%

78%

19%3%

Mantenimiento

Reparaciones

Por accidenté o choque

Page 80: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

80

8.- ¿Considera usted que se optimiza el tiempo al facturar por medio de un

sistema web y esta es enviada de forma electrónica?

Tabla 9. Análisis de optimizar recursos para la facturación

Resultados de aceptación para cambiar la forma de facturación Pérez, 2021

Figura 9. Porcentajes de preferencia en la forma de emitir facturas Pérez, 2021

Análisis

Cerca del total de la población está de acuerdo en que, el taller mantenga la

facturación electrónica por la facilidad o por optimizar el tiempo, ya la puede

encontrar en la página web respectivamente o en sus correos y por optimizar los

recursos del tiempo y materiales contempla la facturación convencional.

Alternativa Frecuencia Porcentaje

Totalmente en desacuerdo 0 0%

De acuerdo 90 83%

En desacuerdo 2 2%

Totalmente de acuerdo 16 15%

Total 108 100%

0%

83%

2%15%

Totalmente en desacuerdo de acuerdo

en desacuerdo totalmente de acuerdo

Page 81: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

81

9.- ¿Cómo considera la atención a los clientes al momento de la cotización de

repuestos?

Tabla 10. Análisis de la forma de atención al cliente

Resultados de la atención brindada a sus clientes Pérez, 2021

Figura 10. Resultados de la calidad de atención Pérez, 2021

Análisis

La manera de atender a sus clientes al momento de una cotización es buena

afirmaron la gran mayoría de los clientes, también se pude mejorar la calidad de

servicio con capacitaciones al personal en la calidad de servicio al cliente. Esto se

puede mejorar si se tuviera un sitio web donde se realice este tipo de trámite.

69%14%

0% 17%

Buena

Malo

Regular

Excelente

Alternativa Frecuencia Porcentaje

Buena 75 69%

Malo 15 14%

Regular 0 0%

Excelente 18 17%

Total 108 100%

Page 82: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

82

10.- ¿Indique cuáles de todos estos medios utiliza el taller mecánico para dar

a conocer las promociones y ofertas?

Tabla 11. Análisis de los medios de comunicación para conocer del taller Alternativa Frecuencia Porcentaje

Páginas Web 0 0%

Redes Sociales 90 83%

Noticias 0 0%

Ninguno 18 17%

Total 108 100%

Resultados de la preferencia de medios tecnológicos Pérez, 2021

Figura 11. Nivele de uso de páginas web y redes sociales Pérez, 2021

Análisis

Para la gran mayoría que utiliza las redes sociales llegan a conocer de lo que

ofrece el taller mecánico, aunque para algunos clientes que no cuentan con este

tipo de tecnología podría tener en cuenta el sistema web para visitar el sitio y

mantener al día con los servicios que ofrece este taller.

0%

83%

0%17%

Páginas Web Redes Sociales Noticias Ninguno

Page 83: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

83

9.4 Anexo 4. Evidencia de Encuestas a clientes

Figura 12. Respuestas de encuestas a clientes Pérez, 2021

Page 84: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

84

Figura 13. Respuesta de cliente 2 parte Pérez, 2021

Page 85: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

85

9.5 Anexo 5. Base de datos

Figura 14. Base de datos de Software Pérez, 2021

Page 86: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

86

9.6 Anexo 6. Diagrama de clases

Figura 15. Base de datos de Software Pérez, 2021

Page 87: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

87

9.7 Anexo. 7. Casos de usos

Figura 16. Caso de uso de Asistencia Pérez, 2021.

Page 88: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

88

Figura 17. Caso de uso de contrato Pérez, 2021.

Page 89: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

89

Figura 18. Caso de uso de Rol de pago Pérez, 2021

Page 90: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

90

Figura 19. Caso de uso de Compra Pérez, 2021

Page 91: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

91

Figura 20. Caso de uso de Insumos Pérez, 2021

Page 92: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

92

Figura 21. Caso de uso de Cuenta por pagar Pérez, 2021

Page 93: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

93

Figura 22. Caso de uso de Seguridad Pérez, 2021

Page 94: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

94

Figura 23. Caso de uso de Configuración Pérez, 2021

Page 95: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

95

Figura 24. Caso de uso de Vehículo Pérez, 2021

Page 96: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

96

Figura 25. Caso de uso de Venta Pérez, 2021

Page 97: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

97

Figura 26. Caso de uso de Cuenta por cobrar Pérez, 2021

Page 98: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

98

Figura 27. Caso de uso de Servicios Pérez, 2021

Page 99: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

99

Figura 28. Caso de uso de Modelo Pérez, 2021

Page 100: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

100

9.8 Anexo 8. Diccionario de datos Tabla 12. Contratos de empleados

Nombre: Tbl_contrato

Descripción: Registro de los contratos de empleados.

Campo Tipo Tamaño Clave Descripción

Con_docigo INT 11 PK Código de contrato

Emp_codigo INT 11 FK Código de

empleado

Car_codigo INT 11 FK Código de cargo

Con_inicia DATE 11 -- Inicio de contrato

Con_termina DATE 11 -- Culminación de

contrato

Con_tipo VARCHAR 45 -- Tipo de contrato

Con_horas VARCHAR 45 -- Horas al mes

Con_valor DECIMAL 11,2 -- Valor por hora

Con_sueldo DECIMAL 11,2 -- Sueldo a recibir

Con_estado CHAR 1 -- Estado del

contrato

Tabla de registros de los contratos de los empleados Pérez, 2021

Tabla 13. Cargo de empleados

Nombre: Tbl_cargo

Descripción:

Campo Tipo Tamaño Clave Descripción

Car_codigo INT 11 PK Código de cargo

Car_nombre VARCHAR 100 -- Descripción del

cargo

Car_estado CHAR 1 -- Estado del cargo

Tabla de registros de cargos de los empleados Pérez, 2021

Page 101: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

101

Tabla 14. Cuentas por pagar

Nombre: Tbl_ctapagar

Descripción: Registro de cuentas por pagar

Campo Tipo Tamaño Clave Descripción

Cta_codigo INT 11 PK Código de cuenta

por pagar

Com_codigo INT 11 FK Código de compra

Cta_fecha DATE 11 -- Fecha de cuenta

por pagar

Cta_valor DECIMAL 11,2 -- Valor de cuenta por

pagar

Tabla de registros de cuentas por pagar Pérez, 2021

Tabla 15. Proveedores

Nombre: Tbl_proveedor

Descripción: Registro de datos de proveedores.

Campo Tipo Tamaño Clave Descripción

Pro_codigo INT 11 PK Código de

proveedor

Pro_numero VARCHAR 13 -- Numero de cedula

o RUC

Pro_nombre VARCHAR 100 -- Nombre de

proveedor

Pro_correo VARCHAR 100 -- Registro de correo

Pro_direccion VARCHAR 100 -- Registro de

dirección

Pro_ciudad VARCHAR 45 -- Registro de ciudad

Pro_celular VARCHAR 10 -- Registro de

contacto

Pro_telefono VARCHAR 10 -- Registro de celular

Pro_registro DATETIME 11 -- Fecha de registro

en sistema

Page 102: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

102

Pro_estado CHAR 1 -- Estado del

proveedor

Tabla de registros de los proveedores Pérez, 2021

Tabla 16. Asistencia de empleados

Nombre: Tbl_asistencia

Descripción: Registro de las asistencias de empleados activos.

Campo Tipo Tamaño Clave Descripción

Asi_codigo INT 11 PK Código de

asistencia

Con_codigo INT 11 FK Código de contrato

Asi_fecha DATE 11 -- Registro de fecha

Asi_entrada TIME 11 -- Registro hora de

entrada

Asi_salida TIME 11 -- Registro hora de

salida

Asi_normal TIME 11 -- Registro de horas

Asi_extra TIME 11 -- Registro horas

extras

Asi_tipo VARCHAR 45 -- Tipo de asistencia

Tabla de registros de asistencias de empleados Pérez, 2021

Tabla 17. Empleado

Nombre: Tbl_empleado

Descripción: Registro de información de empleados.

Campo Tipo Tamaño Clave Descripción

Emp_codigo INT 11 PK Código de

proveedor

Emp_numero VARCHAR 10 -- Numero de

cedula o RUC

Emp_apellido VARCHAR 100 -- Apellido del

empleado

Page 103: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

103

Emp_nombre VARCHAR 100 -- Nombre del

empleado

Emp_correo VARCHAR 100 -- Registro de

correo

Emp_fecha DATE 11 -- Fecha de

nacimiento

Emp_direccion VARCHAR 100 -- Registro de

dirección

Emp_ciudad VARCHAR 45 -- Registro de

ciudad

Emp_celular VARCHAR 10 -- Registro de

contacto

Emp_telefono VARCHAR 10 -- Registro de

celular

Emp_registro DATETIME 11 -- Fecha de

registro sistema

Emp_discapacidad VARCHAR 45 -- Registra

discapacidad

Emp_porcentaje VARCHAR 45 -- Registro de

porcentaje

Emp_estado CHAR 1 -- Estado del

empleado

Tabla de registros de los contratos de los empleados Pérez, 2021

Tabla 18. Roles de pagos

Nombre: Tbl_rolpago

Descripción: Registro de los roles de pagos mensuales.

Campo Tipo Tamaño Clave Descripción

Rol_codigo INT 11 PK Código de rol de

pago

Con_codigo INT 11 FK Código de contrato

Rol_periodo VARCHAR 45 -- Registro del

periodo

Page 104: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

104

Rol_normal DECIMAL 11,2 -- Registro del valor

normal

Rol_extra DECIMAL 11,2 -- Registro de valor

horas extra

Rol_seguro DECIMAL 11,2 -- Registro de valor

seguro

Rol_total DECIMAL 11,2 -- Registro del valor

total

Tabla de registros de roles de pagos de los empleados Pérez, 2021

Tabla 19. Compras

Nombre: Tbl_compra

Descripción: Se registran los datos de las compras realizadas.

Campo Tipo Tamaño Clave Descripción

Com_codigo INT 11 PK Código de

compra

Pro_codigo INT 11 FK Código de

proveedor

Seg_codigo INT 11 FK Código de

seguridad

Com_fecha DATE 11 -- Fecha de compra

Com_vence DATE 11 -- Fecha de

caducidad factura

Com_factura VARCHAR 45 -- Numero de

factura

Com_tipo VARCHAR 45 -- Tipo de compra

Com_impuesto VARCHAR 45 -- Cantidad de

impuesto

Com_abonado DECIMAL 11,2 -- Cantidad valor

abonado

Com_subtotal DECIMAL 11,2 -- Cantidad valor

subtotal

Com_total DECIMAL 11,2 -- Cantidad valor

total

Page 105: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

105

Com_estado CHAR 1 -- Estado de la

factura

Tabla de registros de compras Pérez, 2021

Tabla 20. Detalle de compra

Nombre: Tbl_detcompra

Descripción: Se registra los datos de los detalles de compra.

Campo Tipo Tamaño Clave Descripción

Det_codigo INT 11 PK Código de detalle

de compra

Com_codigo INT 11 FK Código de

compras

Ins_codigo INT 11 FK Código de

insumos

Det_cantidad SMALLINT 6 -- Detalle de

cantidad

Det_costo DECIMAL 11,2 -- Detalle de costo

Tabla de registros de los detalles de compra Pérez, 2021

Tabla 21. Seguridad

Nombre: Tbl_seguridad

Descripción: Se registra los datos de la seguridad del sistema.

Campo Tipo Tamaño Clave Descripción

Seg_codigo INT 11 PK Código de

seguridad

Emp_codigo INT 11 FK Código de

empleado

Seg_usuario VARCHAR 45 -- Nombre de

usuario

Seg_password VARCHAR 45 -- Clave del usuario

Seg_factura TINYINT 4 -- Acceso a factura

Page 106: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

106

Seg_informe TINYINT 4 -- Acceso a

informes

Seg_registro TINYINT 4 -- Acceso a registro

Seg_rrhh TINYINT 4 -- Acceso a talento

humano

Seg_seguridad TINYINT 4 -- Acceso a

seguridad

Tabla de registros de seguridad Pérez, 2021

Tabla 22. Tipo de insumos

Nombre: Tbl_tipinsumo

Descripción: Registro de los tipos de insumos.

Campo Tipo Tamaño Clave Descripción

Tip_codigo INT 11 PK Código de tipo de

insumo

Tip_nombre VARCHAR 100 -- Nombre del tipo de

insumo

Tip_estado CHAR 1 -- Estado de tipos de

insumos

Tabla de registros de tipos de insumos Pérez, 2021

Tabla 23. Insumos

Nombre: Tbl_insumo

Descripción: Registro de los datos de los insumos.

Campo Tipo Tamaño Clave Descripción

Ins_codigo INT 11 PK Código de

insumos

Tip_codigo INT 11 FK Código de tipo de

insumos

Ins_nombre VARCHAR 100 -- Nombre del

insumo

Page 107: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

107

Ins_descripcion VARCHAR 100 -- Descripción del

insumo

Ins_costo DECIMAL 11,2 -- Costo del insumo

Ins_precio DECIMAL 11,2 -- Precio del

insumo

Ins_foto VARCHAR 45 -- Foto del insumo

Ins_estado CHAR 1 -- Estado del

insumo

Tabla de registros de insumo Pérez, 2021

Tabla 24. configuración de la empresa

Nombre: Tbl_configuracion

Descripción: Registro de los datos de la empresa.

Campo Tipo Tamaño Clave Descripción

Con_codigo INT 11 PK Código de

configuración

Seg_codigo INT 11 FK Código de

seguridad

Con_numero VARCHAR 13 -- Número del RUC

Con_nombre VARCHAR 100 -- Nombre de la

empresa

Con_propietario VARCHAR 100 -- Nombre del

propietario

Con_correo VARCHAR 100 -- Correo

electrónico

Con_direccion VARCHAR 100 -- Dirección de la

empresa

Con_ciudad VARCHAR 45 -- Ciudad de

ubicación

Con_celular VARCHAR 10 -- Celular de

contacto

Con_telefono VARCHAR 10 -- Teléfono de la

empresa

Page 108: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

108

Con_impuesto VARCHAR 45 -- Numero de

impuesto

Con_foto VARCHAR 45 -- Logo de la

empresa

Tabla de registros de configuración de la empresa Pérez, 2021

Tabla 25. Venta

Nombre: Tbl_venta

Descripción: Tabla de registro de datos de las ventas.

Campo Tipo Tamaño Clave Descripción

Ven_codigo INT 11 PK Código de ventas

Veh_codigo INT 11 FK Código de

vehículo

Seg_codigo INT 11 FK Código de

seguridad

Ven_fecha DATE 11 -- Fecha de la venta

Ven_vence DATE 11 -- Fecha que vence

la venta

Ven_factura VARCHAR 45 -- Número de la

factura de venta

Ven_tipo VARCHAR 45 -- Tipo de venta

Ven_impuesto VARCHAR 45 -- Cantidad de

impuesto

Ven_abonado DECIMAL 11,2 -- Valor abonado de

venta

Ven_subtotal DECIMAL 11,2 -- Valor subtotal de

venta

Ven_total DECIMAL 11,2 -- Valor total de

venta

Ven_estado CHAR 1 -- Estado de la venta

Tabla de registros de venta Pérez, 2021

Page 109: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

109

Tabla 26. Detalle de insumo

Nombre: Tbl_detinsumo

Descripción: Tabla de registro de detalle de insumo.

Campo Tipo Tamaño Clave Descripción

Det_codigo INT 11 PK Código de detalle

Ven_codigo INT 11 FK Código de venta

Ins_codigo INT 11 FK Código de insumo

Det_cantidad SMALLINT 6 -- Cantidad del

detalle

Det_costo DECIMAL 11,2 -- Costo del detalle

Det_precio DECIMAL 11,2 -- Precio del detalle

Tabla de registros de detalle de insumo Pérez, 2021

Tabla 27. vehículo

Nombre: Tbl_vehiculo

Descripción: Tabla de registro de los datos del vehículo.

Campo Tipo Tamaño Clave Descripción

Veh_codigo INT 11 PK Código del

vehículo

Cli_codigo INT 11 FK Código del cliente

Mod_codigo INT 11 FK Código del modelo

Veh_placa VARCHAR 45 -- Placa del vehículo

Veh_chasis VARCHAR 45 -- Numero de chasis

Veh_estado CHAR 1 -- Estado del

vehículo

Tabla de registros de vehículo Pérez, 2021

Page 110: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

110

Tabla 28. Cuentas por cobrar

Nombre: Tbl_ctacobrar

Descripción: Registro de las cuentas por cobrar

Campo Tipo Tamaño Clave Descripción

Cta_codigo INT 11 PK Código de la cuenta

Ven_codigo INT 11 FK Código de la venta

Cta_fecha DATE 11 -- Fecha de la cuenta

Cta_valor DECIMAL 11,2 -- Valor de la cuenta

Tabla de registros de cuenta por pagar Pérez, 2021

Tabla 29. Detalle de servicio

Nombre: Tbl_detservicio

Descripción: Registro de los datos del detalle de servicio

Campo Tipo Tamaño Clave Descripción

Det_codigo INT 11 PK Código del detalle

Ven_codigo INT 11 FK Código de la venta

Ser_codigo INT 11 FK Código del servicio

Det_cantidad SMALLINT 6 -- Cantidad del

detalle

Det_costo DECIMAL 11,2 -- Costo del servicio

Tabla de registros de detalle de servicio Pérez, 2021

Tabla 30. Tipo de servicio

Nombre: Tbl_tipservicio

Descripción: Registro de los datos de los tipos de servicios.

Campo Tipo Tamaño Clave Descripción

Tip_codigo INT 11 PK Código de tipo

servicio

Tip_nombre VARCHAR 100 -- Nombre del tipo de

servicio

Tip_estado CHAR 1 -- Estado del tipo de

servicio

Tabla de registros de tipo de servicio

Page 111: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

111

Pérez, 2021

Tabla 31. Cliente

Nombre: Tbl_cliente

Descripción: Tabla de registro de los datos de los clientes.

Campo Tipo Tamaño Clave Descripción

Cli_codigo INT 11 PK Código del cliente

Cli_numero VARCHAR 13 -- Numero de cedula

o RUC

Cli_apellido VARCHAR 100 -- Apellido del

cliente

Cli_nombre VARCHAR 100 -- Nombre del

cliente

Cli_correo VARCHAR 100 -- Registro de correo

Cli_direccion VARCHAR 100 -- Registro de

dirección

Cli_ciudad VARCHAR 45 -- Registro de ciudad

Cli_celular VARCHAR 10 -- Registro de

contacto

Cli_telefono VARCHAR 10 -- Registro de celular

Cli_registro DATETIME 11 -- Fecha de registro

sistema

Cli_estado CHAR 1 -- Estado del

empleado

Tabla de registros de cliente Pérez, 2021

Tabla 32. Marca de vehículo

Nombre: Tbl_marca

Descripción: Registro de la marca de los vehículos.

Campo Tipo Tamaño Clave Descripción

Mar_codigo INT 11 PK Código de la

marca

Page 112: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

112

Mar_nombre VARCHAR 45 -- Nombre de la

marca

Mar_estado CHAR 1 -- Estado de la

marca

Tabla de registros de marca de vehículo Pérez, 2021

Tabla 33. servicio

Nombre: Tbl_servicio

Descripción: Registro de los datos de los servicios

Campo Tipo Tamaño Clave Descripción

Ser_codigo INT 11 PK Código de

servicio

Tip_codigo INT 11 FK Código de tipo de

servicio

Ser_nombre VARCHAR 100 -- Nombre del

servicio

Ser_desripcion VARCHAR 100 -- Descripción del

servicio

Ser_costo DECIMAL 11,2 -- Costo del servicio

Ser_foto VARCHAR 45 -- Foto del servicio

Ser_estado CHAR 1 -- Estado del

servicio

Tabla de registros de servicio Pérez, 2021

Page 113: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

113

Tabla 34. Modelo de vehículo

Nombre: Tbl_modelo

Descripción: Registro del modelo del vehículo.

Campo Tipo Tamaño Clave Descripción

Mod_codigo INT 11 PK Código del modelo

Mar_codigo INT 11 FK Código de la

marca

Mod_nombre VARCHAR 100 -- Nombre del

modelo

Mod_estado CHAR 1 -- Estado del modelo

Tabla de registros modelo de vehículo Pérez, 2021

Page 114: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

114

9.9 Anexo. 9. Caso de prueba

Tabla 35. Venta

Caso de prueba del registro de venta Pérez, 2021

Tabla 36. Ajuste de mercadería

Caso de prueba de ajuste de mercadería Pérez, 2021

Evaluación Resultado Esperado Diagnostico

Buscar datos del cliente 1.- Mostrar si existe o no los datos 2.- Presentar datos seleccionados 3.- Registro de nuevo cliente

Sin Novedades

Buscar datos del inventario

4.- Mostrar datos existentes Sin Novedades

Grabar datos 5.- Grabar datos en la base 6.- Imprimir comprobante de ventas

Sin Novedades

Evaluación Resultado Esperado Diagnostico

Buscar datos del inventario 1.- Mostrar si existe o no los datos 2.- Presentar datos seleccionados

Sin Novedades

Grabar datos 3.- Grabar datos en la base de datos

Sin Novedades

Page 115: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

115

Tabla 37. proveedor

Caso de prueba del registro de proveedor Pérez, 2021

Tabla 38. Inventario de mercadería

Caso de prueba del registro de la mercadería Pérez, 2021

Evaluación Resultado Esperado Diagnostico

Buscar datos de la compra 1.- Mostrar si existe o no los datos 2.- Presentar datos seleccionados

Sin Novedades

Buscar datos del tipo de mercadería

3.- Mostrar si existe o no lo datos

Sin Novedades

Buscar datos de la mercadería

4.- Mostrar si existe o no lo datos

Sin Novedades

Buscar datos del área 5.- Mostrar si existe o no lo datos

Sin Novedades

Grabar datos 6.- Grabar datos en la base de datos

Sin Novedades

Evaluación Resultado Esperado Diagnostico

Buscar datos de los proveedores

1.- Mostrar si existe o no los datos 2.- Presentar datos seleccionados

Sin Novedades

Grabar datos 3.- Grabar datos en la base de datos 4.- Actualizar estado de proveedores

Sin Novedades

Page 116: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

116

Tabla 39. Roles de pago

Caso de prueba del registro de roles de pago Pérez, 2021

Tabla 40. Compra

Caso de prueba del registro de compra Pérez, 2021

Evaluación Resultado Esperado Diagnostico

Buscar datos del empleado 1.- Mostrar si existe o no los datos 2.- Presentar datos seleccionados

Sin Novedades

Buscar datos de la cuenta 3.- Mostrar si existe o no lo datos

Sin Novedades

Grabar datos 4.- Grabar datos en la base de datos

Sin Novedades

Evaluación Resultado Esperado Diagnostico

Buscar datos del inventario 1.- Mostrar si existe o no los datos 2.- Presentar datos seleccionados

Sin Novedades

Grabar datos 3.- Grabar datos en la base de datos

Sin Novedades

Page 117: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

117

Manual de Usuario

Page 118: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

118

9.10 Anexo 10. Manual de Usuario

La aplicación Brinda servicios y productos de óptima calidad con los mejores

precios, el mismo que permite la optimización del tiempo y recursos, además

Frenos car es un sistema en el que se pueden contribuir a los relacionados con

la confiabilidad para registrar datos relacionados con las actividades. A través de

este sistema se brindará la información a los artículos más vendidos, siendo estos

resultantes y comprometedores para el vendedor y cliente.

Para los usuarios novatos, el software es fácil de aprender y usar, puede ingresar

a esta página, los usuarios deben abrir el navegador web de su elección y escribir

una URL https://frenoscar.i-sistema.com/index.php se mostrará la página de inicio

del sistema.

Figura 29. Pantalla principal de la página web Pérez, 2021

Inicio de sección

En la página principal la opción de inicio de sección se encuentra ubicada en la

parte inferior a la derecha al final, se debe rellenar todos los campos en la opción

seleccionar se desplegará una opción Usuario y damos clic, luego se debe ingresar

un nombre de usuario y la contraseña, luego presionar el botón Entrar para acceder

al menú de opciones.

Page 119: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

119

Figura 30. Inicio de sesión

Pérez, 2021

Formulario de facturación / Clientes

• Seleccionar la opción Clientes.

• El sistema carga ventana para la búsqueda y nuevos registros de clientes.

Figura 31. Registro de cliente Pérez, 2021

Page 120: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

120

• Seleccionar el botón formulario de la pantalla de facturación.

• Se despliega la ventana para el registro de clientes.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 32. Pantalla de cliente Pérez, 2021

• El sistema verifica que los campos de clientes estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 33. Editar cliente Pérez, 2021

Page 121: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

121

• Buscar en registro en la página principal de Clientes.

• Dar clic sobre el botón editar cliente seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 34. Formulario de cliente Pérez, 2021

• El sistema verifica que los campos a modificar del cliente estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 122: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

122

Figura 35. Registro de cliente Pérez, 2021

• Buscar en facturación en la página principal de Clientes.

• Dar clic sobre el botón anular cliente seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el cliente.

• Presionar el botón “SI” para anular el cliente.

Figura 36. Anular cliente Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar cliente.

Page 123: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

123

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el cliente.

Figura 37. Activar cliente Pérez, 2021

• Buscar y seleccionar el cliente desactivado en el listado.

• Presionar el botón AMARILLO para activar el cliente.

Figura 38. Activación de cliente Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del cliente.

Page 124: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

124

Figura 39. Activar cliente sí o no Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular cliente.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el cliente.

Figura 40. Formulario de facturación/ cotizaciones Pérez, 2021

• Seleccionar la opción de facturación y luego cotizaciones.

• El sistema carga ventana para seleccionar el intervalo de fechas.

Page 125: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

125

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 41. Formulario de facturación/cuenta por cobrar Pérez, 2021

• Seleccionar la opción de facturación y luego cuentas por cobrar.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 42. Formulario de facturación/promociones de insumos Pérez, 2021

• Seleccionar la opción de facturación y luego promociones de insumos.

• El sistema carga ventana para seleccionar el intervalo de fechas.

Page 126: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

126

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 43. Formulario de facturación/ventas Pérez, 2021

• Seleccionar la opción de facturación luego ventas.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 44. Formulación de financiero/ compras Pérez, 2021

• Seleccionar la opción de financiero y luego compras.

Page 127: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

127

Figura 45. Listado de compra Pérez, 2021

• El sistema carga ventana para seleccionar el intervalo de fechas y en el

botón verde, editar damos clic y se desplegará los datos del cliente.

Figura 46. Formulario de compras Pérez, 2021

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Page 128: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

128

Figura 47. Formulario de financiero/ cuentas por pagar Pérez, 2021

• Seleccionar la opción de financiero y luego cuentas por pagar.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 48. Formulario financiero/ gastos Pérez, 2021

• Seleccionar la opción de financiero y gastos.

Page 129: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

129

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 49. Formulario de financiero/ proveedores Pérez, 2021

• Seleccionar la opción proveedores.

• El sistema carga ventana para la búsqueda y nuevos registros de

proveedores.

Figura 50. Registro de proveedores Pérez, 2021

Page 130: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

130

• Seleccionar el botón formulario de la pantalla de financiero.

• Se despliega la ventana para el registro de proveedores.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 51. Formulario de proveedores Pérez, 2021

• El sistema verifica que los campos de proveedores estén correctos y

completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 52. Editor de proveedores Pérez, 2021

Page 131: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

131

• Buscar en registro en la página principal de proveedores.

• Dar clic sobre el botón editar proveedores seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 53. Formulario de proveedores Pérez, 2021

• El sistema verifica que los campos a modificar el proveedor estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 54. Anular proveedores Pérez, 2021

Page 132: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

132

• Buscar en facturación en la página principal de proveedores.

• Dar clic sobre el botón anular proveedor seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el proveedor.

• Presionar el botón “SI” para anular el proveedor.

Figura 55. Mensaje de anular Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar proveedor.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el proveedor.

Figura 56. Activar proveedor Pérez, 2021

Page 133: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

133

• Buscar y seleccionar el c proveedor desactivado en el listado.

• Presionar el botón AMARILLO para activar el proveedor.

Figura 57. Activar proveedor Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del proveedor.

Figura 58. Mensaje de activar cliente sí o no Pérez, 2021

Page 134: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

134

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular proveedor.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el proveedor.

Figura 59. Formulario de informes/ compras Pérez, 2021

• Seleccionar la opción de compras.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 60. Formulario de informes/cuenta por cobrar Pérez, 2021

Page 135: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

135

• Seleccionar la opción de cuentas por cobrar.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 61. Formulario de informes/cuentas por pagar Pérez, 2021

• Seleccionar la opción de cuentas por pagar.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 62. Formulario de informes/ gastos

Page 136: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

136

Pérez, 2021

• Seleccionar la opción de gastos.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargarán las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 63. Formulario de informes/karde de insumos Pérez, 2021

• Seleccionar la opción de Kardex de insumos.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargaran las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 64. Formulario de informes/listado

Page 137: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

137

Pérez, 2021

• Seleccionar la opción de informe de listado.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargaran las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 65. Formulario de informes/ventas Pérez, 2021

• Seleccionar la opción de informe de ventas.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargaran las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Page 138: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

138

Figura 66. Formulario de registro/marca y modelo de vehículo Pérez, 2021

• Seleccionar la opción Marcas de Vehículos.

• El sistema carga la ventana para la búsqueda y nuevos registros.

Figura 67.Marca de vehículo Pérez, 2021

• Seleccionar el botón agregar registro de la pantalla de Marca de Vehículo.

• Se despliega la ventana para el ingreso de los datos de la Marca de

Vehículo.

• Una vez llenos todos los campos seleccionar el botón guardar.

Page 139: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

139

Figura 68. Formulario de marca Pérez, 2021

• El sistema verifica que los campos de marca de vehículo estén correctos.

• Luego genera un mensaje indicando registro guardado con éxito.

Figura 69. Editar marca de vehículo Pérez, 2021

• Buscar en la página principal marca de vehículo el dato a editar.

• Dar clic sobre el botón editar de la marca de vehículo seleccionada.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón guardar para registrar los cambios.

Page 140: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

140

Figura 70. Buscar vehículo Pérez, 2021

• El sistema verifica que los campos a modificar de la marca de vehículo estén

correctos.

• Luego genera un mensaje indicando registro fue grabado.

Figura 71. Formulario de registro/ marca y modelos de vehículos Pérez, 2021

• Seleccionar la opción Modelos de Vehículos.

• El sistema carga la ventana para la búsqueda y nuevos registros.

Page 141: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

141

Figura 72. Formulario de marca y modelo de vehículos Pérez, 2021

• Seleccionar el botón agregar registro de la pantalla de modelo de vehículo.

• Se despliega la ventana para el ingreso de los datos del modelo de vehículo.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 73. Modelo de vehículos Pérez, 2021

• El sistema verifica que los campos de modelo de vehículo estén correctos.

• Luego genera un mensaje indicando registro fue grabado.

Page 142: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

142

Figura 74. Editar modelos de vehículos Pérez, 2021

• Buscar en la página principal modelo de vehículo el dato a editar.

• Dar clic sobre el botón editar de la modelo de vehículo seleccionada.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón grabar para registrar los cambios.

Figura 75. Cambiar nombre de vehículos Pérez, 2021

• El sistema verifica que los campos a modificar de la modelo de vehículo

estén correctos.

• Luego genera un mensaje indicando registro fue grabado.

Page 143: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

143

Figura 76. Anular modelos de vehículos Pérez, 2021

• Buscar el dato anular en la página principal de modelo de vehículo.

• Dar clic sobre el botón anular de la modelo de vehículo seleccionada.

• Se carga un mensaje indicando si desea o no anular el modelo de vehículo.

• Presionar el botón “SI” para desactivar el modelo de vehículo.

Figura 77. Anular marca y modelo de vehículos Pérez, 2021

• Cuando se realizan los cambios el botón anular se convierte

automáticamente en el botón activar modelo de vehículo.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el modelo de vehículo.

Page 144: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

144

Figura 78. Activar modelos de vehículos Pérez, 2021

• Buscar y seleccionar la modelo de vehículo anulada en el listado.

• Presionar el botón amarillo para activar el modelo de vehículo.

Figura 79. Listado de anular y de activación de registro Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del modelo de vehículo.

Page 145: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

145

Figura 80. Activación de marca y modelo de registro Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular modelo de vehículo.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el modelo de vehículo.

Figura 81. Formulario de registro/servicios Pérez, 2021

Formulario de Registro / Servicios

• Seleccionar la opción formulario.

• El sistema carga ventana para la búsqueda y de formularios y categorías.

Page 146: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

146

Figura 82. Registro de servicios/formulario Pérez, 2021

• Seleccionar el botón formulario de la pantalla de servicios.

• Se despliega la ventana para el registro de servicios.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 83. Formulario de servicios Pérez, 2021

• El sistema verifica que los campos del servicio estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 147: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

147

Figura 84. Editar servicios Pérez, 2021

• Buscar en registro en la página principal de servicios.

• Dar clic sobre el botón editar servicio seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 85. Formulario de servicios Pérez, 2021

• El sistema verifica que los campos a modificar del servicio estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 148: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

148

Figura 86. Anular servicios Pérez, 2021

• Buscar en registro en la página principal de servicios.

• Dar clic sobre el botón anular servicio seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el servicio.

• Presionar el botón “SI” para anular el servicio.

Figura 87. Anular servicio sí o no Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar servicio.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el servicio.

Page 149: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

149

Figura 88. Cambios realizados del servicio Pérez, 2021

• Buscar y seleccionar el servicio desactivado en el listado.

• Presionar el botón AMARILLO para activar el servicio.

Figura 89. Activar servicio Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del servicio.

Page 150: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

150

Figura 90. Activar servicio sí o no Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular servicio.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el servicio.

Figura 91. Registro activado Pérez, 2021

• En el formulario categoría damos clic e ingresamos los datos

Page 151: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

151

Figura 92. Categorías de servicios Pérez, 2021

• Agregamos un nuevo registro.

Figura 93. Agregar nuevo registro Pérez, 2021

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 152: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

152

Figura 94. Anular servicios/categoría Pérez, 2021

• Buscar en registro en la página principal de servicios la opción categoría.

• Dar clic sobre el botón anular servicio seleccionado.

• Se carga un mensaje indicando si desea o no cancelar la categoría.

• Presionar el botón “SI” para anular la categoría.

Figura 95. Anular categoría si o no Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar categoría.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en la categoría.

Page 153: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

153

Figura 96. Activar categoría Pérez, 2021

• Buscar y seleccionar el servicio de categoría desactivado en el listado.

• Presionar el botón AMARILLO para activar el servicio.

Figura 97. Buscar y seleccionar categoría Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del servicio de categoría.

Page 154: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

154

Figura 98. Activar sí o no Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular categoría.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el servicio de categoría.

Figura 99. Formulario de registro/ vehículos de clientes Pérez, 2021

• Seleccionar la opción vehículos.

• El sistema carga ventana para la búsqueda y nuevos registro de clientes.

Page 155: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

155

Figura 100. Registro de cliente Pérez, 2021

Registro de vehículo de cliente

• Seleccionar el botón formulario de la pantalla de vehículo.

• Se despliega la ventana para el registro de vehículo.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 101. Formulario de cliente Pérez, 2021

• El sistema verifica que los campos del servicio estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 156: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

156

Figura 102. Editar vehículo Pérez, 2021

• Buscar en registro en la página principal de vehículo.

• Dar clic sobre el botón editar vehículo seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 103. Formulario de informes/cliente Pérez, 2021

• El sistema verifica que los campos a modificar del vehículo estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 157: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

157

Figura 104. Registro de cliente correctamente Pérez, 2021

• Buscar en registro en la página principal de vehículo.

• Dar clic sobre el botón anular vehículo seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el vehículo.

• Presionar el botón “SI” para anular el vehículo.

Figura 105. Anular vehículo Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar vehículo.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el vehículo.

Page 158: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

158

Figura 106. Registro fue Anular vehículo Pérez, 2021

• Buscar y seleccionar el vehículo desactivado en el listado.

• Presionar el botón AMARILLO para activar el vehículo.

Figura 107. Activar vehículo Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del vehículo.

Page 159: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

159

Figura 108. Activación de vehículo si o no Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular vehículo.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el vehículo de cliente.

Figura 109. Listado de clientes Pérez, 2021

Formulario de RHH/Asistencias de Empleados

• Seleccionar la opción asistencia de empleado.

• El sistema carga ventana para la búsqueda y nuevos registro de asistencias.

Page 160: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

160

Figura 110. Asistencia de empleado Pérez, 2021

Registro de Clientes

• Seleccionar el botón formulario de la pantalla de RRHH.

• Se despliega la ventana para el registro de asistencias.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 111. Registro de empleado Pérez, 2021

El sistema verifica que los campos de asistencia estén correctos y completos.

Luego genera un mensaje indicando que los datos fueron grabados.

Page 161: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

161

Figura 112. Formulario de asistencia de empleado Pérez, 2021

Anular asistente

• Buscar en RRHH en la página principal de asistente.

• Dar clic sobre el botón anular asistente de empleado seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el asistente.

• Presionar el botón “SI” para anular el cliente.

Figura 113. Anular asistencia Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar asistente.

Page 162: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

162

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el asistente de empleado.

Figura 114. Registro fue Anular vehículo Pérez, 2021

Formulario de RHH/Contratos de Empleados

• Seleccionar la opción contrato de empleado.

• El sistema carga ventana para la búsqueda y nuevos registro de contrato.

Figura 115. Contrato de empleado Pérez, 2021

Registro de contrato

Page 163: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

163

• Seleccionar el botón formulario de la pantalla de RRHH.

• Se despliega la ventana para el registro de contrato.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 116. Listado del contrato Pérez, 2021

• El sistema verifica que los campos de contrato estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 117. Registro de contrato guardado Pérez, 2021

Editar contrato

• Buscar en registro en la página principal de contrato.

Page 164: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

164

• Dar clic sobre el botón editar cliente seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 118. Formulario de contrato Pérez, 2021

• El sistema verifica que los campos a modificar del contrato estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 119. Valido dato de contrato guardado Pérez, 2021

Anular contrato

• Buscar en RRHH en la página principal de contrato de empleado.

Page 165: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

165

• Dar clic sobre el botón anular contrato seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el contrato.

• Presionar el botón “SI” para anular el contrato.

Figura 120. Anular contrato Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar contrato.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el contrato.

Figura 121. Registro de contrato anulado Pérez, 2021

Page 166: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

166

Activar contrato

• Buscar y seleccionar el contrato desactivado en el listado.

• Presionar el botón AMARILLO para activar el contrato de empleado.

Figura 122. Activar contrato Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del contrato.

Figura 123. Mensaje de activación Pérez, 2021

Page 167: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

167

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular contrato.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el contrato.

Figura 124. Registro de activado Pérez, 2021

Formulario de RRHH / Empleado

• Seleccionar la opción empleado.

• El sistema carga ventana para la búsqueda y nuevos registro de empleado.

Figura 125. Registro de contrato guardado Pérez, 2021

Registro de empleado

Page 168: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

168

• Seleccionar el botón formulario de la pantalla de RRHH.

• Se despliega la ventana para el registro de empleado.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 126. Registro de formulario Pérez, 2021

• El sistema verifica que los campos de empleado estén correctos y

completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 127. Registro guardado Pérez, 2021

• Buscar en registro en la página principal de empleado.

Page 169: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

169

• Dar clic sobre el botón editar empleado seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 128. Editar empleado Pérez, 2021

• El sistema verifica que los campos a modificar del empleado estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 129. Confirmar campos modificados Pérez, 2021

Page 170: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

170

Anular empleado

• Buscar en RRHH en la página principal de empleado.

• Dar clic sobre el botón anular empleado seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el empleado.

• Presionar el botón “SI” para anular el empleado.

Figura 130. Anular empleado Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar empleado.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el empleado.

Figura 131. Anular Pérez, 2021

Page 171: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

171

Activar empleado

• Buscar y seleccionar el empleado desactivado en el listado.

• Presionar el botón AMARILLO para activar el empleado.

Figura 132. Activar empleado Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del empleado.

Figura 133. Activar Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular empleado.

Page 172: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

172

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el empleado.

Figura 134. Registro activado Pérez, 2021

• Seleccionar la opción de Empleado.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargaran las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Figura 135. Botón imprimir Pérez, 2021

Formulario de RRHH / Permisos

• Seleccionar la opción permiso.

• El sistema carga ventana para la búsqueda y nuevos registro de permiso.

Page 173: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

173

Figura 136. Permiso Pérez, 2021

Registro de permiso

• Seleccionar el botón formulario de la pantalla de RRHH.

• Se despliega la ventana para el registro de permiso.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 137. Permiso de empleado Pérez, 2021

• El sistema verifica que los campos de permiso estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 174: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

174

Figura 138. Registro fue grabado Pérez, 2021

Anular Clientes

• Buscar en facturación en la página principal de permiso.

• Dar clic sobre el botón anular permiso seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el permiso.

• Presionar el botón “SI” para anular el permiso.

Figura 139. Anular cliente Pérez, 2021

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el cliente.

Page 175: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

175

Figura 140. Registro eliminado Pérez, 2021

Formulario de facturación / Clientes

• Seleccionar la opción Clientes.

• El sistema carga ventana para la búsqueda y nuevos registro de clientes.

Figura 141. Facturación Pérez, 2021

Registro de Clientes

• Seleccionar el botón formulario de la pantalla de facturación.

• Se despliega la ventana para el registro de clientes.

• Una vez llenos todos los campos seleccionar el botón registrar.

Page 176: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

176

Figura 142. Editar empleado Pérez, 2021

• El sistema verifica que los campos de clientes estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 143. Registro guardado Pérez, 2021

Editar Clientes

• Buscar en registro en la página principal de Clientes.

• Dar clic sobre el botón editar cliente seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Page 177: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

177

Figura 144. Modificar empleado Pérez, 2021

• El sistema verifica que los campos a modificar del cliente estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Figura 145. Cambios guardados Pérez, 2021

Formulario de Suministro / Insumos

• Seleccionar la opción insumo.

• El sistema carga ventana para la búsqueda y nuevos registro de insumo.

Page 178: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

178

Figura 146. Insumos Pérez, 2021

Registro de insumo

• Seleccionar el botón formulario de la pantalla de suministro.

• Se despliega la ventana para el registro de insumo.

• Una vez llenos todos los campos seleccionar el botón registrar.

Figura 147. Registro de insumos Pérez, 2021

• El sistema verifica que los campos del insumo estén correctos y completos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 179: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

179

Figura 148. Registro guardado Pérez, 2021

Editar insumo

• Buscar en registro en la página principal de insumo.

• Dar clic sobre el botón editar insumo seleccionado.

• Se carga la pantalla con los datos para modificarlos.

• Presionar el botón registrar para guardar los cambios.

Figura 149. Selección de registro Pérez, 2021

• El sistema verifica que los campos a modificar del insumo estén correctos.

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 180: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

180

Figura 150. Mensaje registro guardado Pérez, 2021

• Anular insumo

• Buscar en suministro en la página principal de insumo.

• Dar clic sobre el botón anular insumo seleccionado.

• Se carga un mensaje indicando si desea o no cancelar el insumo.

• Presionar el botón “SI” para anular el insumo.

Figura 151. Anular registro Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar insumo.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el insumo.

Page 181: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

181

Figura 152. Mensaje de registro anulado Pérez, 2021

Activar insumo

• Buscar y seleccionar el insumo desactivado en el listado.

• Presionar el botón AMARILLO para activar el insumo.

Figura 153. Activar Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del insumo.

Page 182: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

182

Figura 154. Validación de activación Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular insumo.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el insumo.

Figura 155. Registro activado Pérez, 2021

• En el formulario categoría damos clic e ingresamos los datos

Page 183: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

183

Figura 156. Categoría Pérez, 2021

• Agregamos un nuevo registro.

Figura 157. Formulario de categoría Pérez, 2021

• Luego genera un mensaje indicando que los datos fueron grabados.

Page 184: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

184

Figura 158. Estado de categoría activada Pérez, 2021

Anular Suministro/categoría

Buscar en registro en la página principal de suministro la opción categoría.

Dar clic sobre el botón anular categoría seleccionado.

Se carga un mensaje indicando si desea o no cancelar la categoría.

Presionar el botón “SI” para anular la categoría.

Figura 159. Anular registro Pérez, 2021

• Cuando se realizan los cambios el botón eliminar se convierte

automáticamente en el botón activar categoría.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en la categoría.

Page 185: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

185

Figura 160. Anulado Pérez, 2021

Activar Categoría

• Buscar y seleccionar el servicio de categoría desactivado en el listado.

• Presionar el botón AMARILLO para activar el suministro.

Figura 161. Activar suministro Pérez, 2021

• El sistema muestra un mensaje de confirmación de la acción.

• Presionar “SI” para realizar la activación del suministro de categoría.

Page 186: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

186

Figura 162. Activar sí o no Pérez, 2021

• Cuando se realizan los cambios el botón activar se convierte

automáticamente en el botón anular categoría.

• El sistema adicional muestra un mensaje de confirmación de los cambios

realizados en el suministro de categoría.

Figura 163. Registro activado Pérez, 2021

Formulario de Suministro/Inventario de insumos

• Seleccionar la opción de inventario de insumo.

• El sistema carga ventana para seleccionar el intervalo de fechas.

• Se cargaran las ventas y podrá convertir esos datos a PDF presionando el

botón imprimir.

Page 187: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

187

Figura 164. Convertir datos en pdf Pérez, 2021

Page 188: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

188

9.11 Anexo 11. Manual Técnico

Manual técnico

Para el correcto funcionamiento del sistema, se necesita tener los siguientes

requerimientos:

Servidor apache V 2.0.0

Servidor MYSQL V 5.0.0

Lenguaje PHP V 7.0.0

Lenguaje HTML V 5

Editor de texto Sublime text3

Internet 20 MB

Procesador Intel Core – AMD

Sistema operativo Windows – Linux

Memoria RAM 4 GB

Modelo – Vista – Controlador

Es una arquitectura, que permite a los programadores a poder separar el código

en tres capas, poder utilizar esta arquitectura ayuda a estandarizar el código de

una aplicación, optimizarlo para que cualquier programador, pueda tener una

lectura fácil del código.

Tener el código de una manera ordenada y detallada, evitar tener errores que se

compliquen luego poder resolver.

Conexión de la base datos

Permite realizar la conexión entre el sistema web y el servidor de phpmyadmin

de la base datos.

Page 189: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

189

Figura 165. Conexión de la base de datos Pérez, 2021

Declaración de modelos

Permite realizar peticiones del sistema web a la base datos, como pueden ser

insertar, listar, modificar, anular, etc.

Figura 166. Declaración de modelos Pérez, 2021

Page 190: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

190

Pantalla principal

Permite a los usuarios poder visualizar información del negocio, como la misión

y visión, los servicios que se ofrecen y la ubicación.

Figura 167. Pantalla principal Pérez, 2021

Pantalla de inicio de sesión

Permite a los usuarios, ingresar al sistema web, mediante un usuario y

contraseña que le fueron asignadas.

Figura 168. Pantalla de inicio de sesión Pérez, 2021

Page 191: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

191

Pantalla de configuración

Permite al usuario asignado, poder modificar la información del negocio, como

puede ser la razón social, dirección, ciudad, etc.

Figura 169. Pantalla de configuración Pérez, 2021

Pantalla de empleados

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar, activar o inactivar el registro de un empleado.

Figura 170. Pantalla de empleado Pérez, 2021

Page 192: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

192

Pantalla contratos de empleados

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar, activar o inactivar el registro de un contrato.

Figura 171. Pantalla contrato de empleados Pérez, 2021

Pantalla asistencias de empleados

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar el registro asistencia de un empleado.

Figura 172. Pantalla asistencia de empleados Pérez, 2021

Page 193: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

193

Pantalla de clientes

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar, activar o inactivar el registro de un cliente.

Figura 173. Pantalla de clientes Pérez, 2021

Pantalla de proveedores

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar, activar o inactivar el registro de un proveedor.

Figura 174. Pantalla de proveedores Pérez, 2021

Page 194: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

194

Pantalla de insumos

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar, activar o inactivar el registro de un insumo.

Figura 175. Pantalla de insumos Pérez, 2021

Pantalla de servicios

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar, activar o inactivar el registro de un servicio.

Figura 176. Pantalla de servicios Pérez, 2021

Page 195: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

195

Pantalla de compras

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar o eliminar el registro de una compra.

Figura 177. Pantalla de compras Pérez, 2021

Pantalla de cotizaciones

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar o eliminar el registro de una cotización.

Figura 178. Pantalla de cotizaciones Pérez, 2021

Page 196: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

196

Pantalla de ventas

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar o eliminar el registro de una venta.

Figura 179. Pantalla de ventas Pérez, 2021

Pantalla de usuarios

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

insertar, listar, editar el registro de un usuario.

Figura 180. Pantalla de usuarios Pérez, 2021

Page 197: APLICATIVO WEB PARA LA GESTIÓN DE INFORMACIÓN DEL TALLER …

197

Pantalla informe de ventas

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

buscar las ventas realizadas, entre fechas

Figura 181. Pantalla de informe de ventas Pérez, 2021

Pantalla de compras

Permite al usuario asignado, poder realizar peticiones al sistema web, como es

buscar las compras realizadas, entre fechas

Figura 182. Pantalla de compras Pérez, 2021