54
Universidad politécnica de Sinaloa Programa académico de ingeniería en informática Tesina: Desarrollo, implementación y evaluación de un sistema “ERP”, para la gestión de procesos en “El Colegio de Ginecología y Obstetricia de Mazatlán, A. C., durante la administración 2017-2018. Para cumplir la acreditación de las estadías profesionales y contar con los créditos necesarios para obtener el grado de Ingeniero en Informática. Autor: Sarabia Castellón, Jesús Gabriel Asesor: Dr. Ramón Patricio Velázquez Cuadras Asesor OR: Lic. María Gpe. Alvarado Calzada Mazatlán, Sinaloa, diciembre 2017

de un sistema “ERP” “E

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: de un sistema “ERP” “E

1

Universidad politécnica de Sinaloa

Programa académico de ingeniería en informática

Tesina:

Desarrollo, implementación y evaluación

de un sistema “ERP”, para la gestión de

procesos en “El Colegio de Ginecología y

Obstetricia de Mazatlán, A. C.”, durante la

administración 2017-2018.

Para cumplir la acreditación de las estadías profesionales y contar con los créditos

necesarios para obtener el grado de Ingeniero en Informática.

Autor:

Sarabia Castellón, Jesús Gabriel

Asesor:

Dr. Ramón Patricio Velázquez Cuadras

Asesor OR:

Lic. María Gpe. Alvarado Calzada

Mazatlán, Sinaloa, diciembre 2017

Page 2: de un sistema “ERP” “E

2

Carta de aceptación

Page 3: de un sistema “ERP” “E

3

Carta de finalización

Page 4: de un sistema “ERP” “E

4

Carta de Aceptación de Tema de Tesina

Page 5: de un sistema “ERP” “E

5

Carta de Aprobación y Digitalización de Tesina

Page 6: de un sistema “ERP” “E

6

Agradecimientos

Dedico este proyecto a mis padres quienes me han apoyado en todo momento,

quienes día con día se esforzaron por sacarme adelante, quienes han estado en las

buenas y en las malas. A mis hermanos que tras pasar momentos difíciles siempre

estuvieron a mi lado para afrontar las dificultades. A mi familia quien tras haber tenido

que cambiar de un día a otro su estilo de vida siempre han visto por el bien de todos.

A mis profesores quienes me han instruido y guiado a lo largo de mi carrera

universitaria. Algunos que más que verlos como profesores los veo como amigos que

siempre han sabido dar los consejos precisos para salir adelante.

Al profesor Morales, a la maestra Rosa Angelica, al profesor Angulo y a la

maestra Catalina quienes en más de una ocasión se tomaron su para aclarar mis

dudas y enseñarme a ser mejor, como estudiante y como persona.

Al profesor Patricio y a María por guiarme a lo largo de este proyecto,

resolviendo mis dudas y aconsejando cambios.

Page 7: de un sistema “ERP” “E

7

Índice temático

Agradecimientos ...................................................................................................................................... 6

Índice temático ......................................................................................................................................... 7

Índice de figuras ..................................................................................................................................... 10

Índice de imágenes................................................................................................................................. 10

Resumen ................................................................................................................................................. 11

Abstract .................................................................................................................................................. 12

Introducción ........................................................................................................................................... 13

Capítulo I: Introducción. ..................................................................................................................... 14

1.1 “El Colegio de Ginecología y Obstetricia de Mazatlán, A. C.” .................................................. 14

1.1.1 Localización de COGOMAZ ................................................................................................ 14

1.1.2 Historia de COGOMAZ ....................................................................................................... 15

1.1.3 Emblema ............................................................................................................................ 15

1.1.4 Misión ................................................................................................................................ 16

1.1.5 Visión ................................................................................................................................. 16

1.1.6 Valores ............................................................................................................................... 16

1.1.7 Organigrama ...................................................................................................................... 17

1.2 Planteamiento del problema.................................................................................................... 18

1.2.1 Hipótesis ............................................................................................................................ 19

1.2.2 Objetivos ........................................................................................................................... 19

1.2.2.1 Objetivo general ......................................................................................................... 19

1.2.2.2 Objetivos específicos .................................................................................................. 20

1.2.3 Importancia del estudio .................................................................................................... 20

1.2.4 Limitaciones del estudio .................................................................................................... 21

1.2.5 Definición de términos ...................................................................................................... 21

Capítulo II: Estado del arte. ................................................................................................................ 21

2.1 Marco referencial ..................................................................................................................... 22

2.1.1 Implantación de un sistema ERP en una organización ...................................................... 22

2.1.2 Sistemas de información integrados (ERP) ....................................................................... 22

2.1.3 La influencia de las tecnologías de la información y las comunicaciones en las pymes del

sector textil. ................................................................................................................................ 23

2.2 Marco teórico ........................................................................................................................... 24

2.2.1 ¿Qué es un ERP? ................................................................................................................ 24

Page 8: de un sistema “ERP” “E

8

2.2.1.1 ¿Qué tipos de ERP existen? ........................................................................................ 25

2.2.1.2 ERP horizontal ............................................................................................................ 25

2.2.1.3 ERP vertical ................................................................................................................. 26

2.2.2 ¿Qué es una base de datos Centralizada? ........................................................................ 26

2.2.3 ¿Qué es HTML? ................................................................................................................. 27

2.2.4 HTML5 ............................................................................................................................... 27

2.2.5 CSS ..................................................................................................................................... 28

2.2.6 JavaScript ........................................................................................................................... 29

2.2.7 PHP .................................................................................................................................... 30

2.3 Sumario .................................................................................................................................... 31

Capítulo III: Metodología. ................................................................................................................... 32

3.1 Identificación de los procesos más recurrentes de la institución. ........................................... 32

3.1.1 Registros en directorio ...................................................................................................... 33

3.1.1.1 CRUD básico directorio .............................................................................................. 33

3.1.2 Gestión de contenido de sitio web ................................................................................... 34

3.1.2.1 Banner y difusión de cursos en sitio web ................................................................... 35

3.1.2.2 Directorio de socios en sitio web ............................................................................... 36

3.1.2.3 Difusión de revista COGOMAZ ................................................................................... 36

3.1.3 Gestión de cursos .............................................................................................................. 36

3.1.3.3 Seguimiento de asistentes a cursos ........................................................................... 39

Capítulo IV: Resultados. ..................................................................................................................... 40

4.1 Diseños ..................................................................................................................................... 40

4.1.1 Login .................................................................................................................................. 40

4.1.2 Modelo general ................................................................................................................. 41

4.1.3 Tablas generales ................................................................................................................ 41

4.1.4 Usuarios, doctores y asistentes. ........................................................................................ 42

4.1.5 Banner y cursos. ................................................................................................................ 43

4.2 Codificación de diseño para página web. ................................................................................. 44

4.2.1 HTML 5 .............................................................................................................................. 44

4.2.2 PHP .................................................................................................................................... 44

4.2.2.1 Ventajas ...................................................................................................................... 45

4.2.2.2 Implementación ......................................................................................................... 45

4.2.3 jQuery ................................................................................................................................ 46

Page 9: de un sistema “ERP” “E

9

4.2.3.1 Ventajas ...................................................................................................................... 46

4.2.3.2 Implementación ......................................................................................................... 47

4.2.4 Bootstrap ........................................................................................................................... 48

4.2.4.1 Ventajas ...................................................................................................................... 49

4.3.1.2 Implementación ......................................................................................................... 50

Capítulo V: Implementación y evaluación de resultados. .................................................................. 52

Capítulo V: Discusión. ......................................................................................................................... 53

Referencias bibliográficas. ..................................................................................................................... 53

Page 10: de un sistema “ERP” “E

10

Índice de figuras

Figura 1. Caso de uso de algunas actividades en COGOMAZ. ................................................................ 32

Figura 2. Llamada a CRUD. ..................................................................................................................... 33

Figura 3. CRUD ........................................................................................................................................ 34

Figura 4. Proceso de cambios en sitio web antes de ERP. ..................................................................... 34

Figura 5. Proceso de cambios en sitio web con ERP. ............................................................................. 35

Figura 6. Gestión general cursos con ERP. ............................................................................................. 37

Figura 7. Gestión de inscripciones. ........................................................................................................ 38

Figura 8. Gestión de registros propuesta a partir de ERP. ..................................................................... 39

Figura 9. Login ERP. ................................................................................................................................ 40

Figura 10. Diseño base ERP. ................................................................................................................... 41

Figura 11. Diseño base de tablas ERP. .................................................................................................... 42

Figura 12. Diseño captura usuarios, doctores y asistentes para ERP. .................................................... 43

Figura 13. Captura de banner y/o cursos ERP. ....................................................................................... 44

Índice de imágenes

Imagen 1. Localización en Mazatlán. ..................................................................................................... 14

Imagen 2. Emblema COGOMAZ. ............................................................................................................ 16

Imagen 3. Organigrama de COGOMAZ. ................................................................................................. 18

Imagen 4. ERP. ........................................................................................................................................ 25

Imagen 5. Implementación de base de datos centralizada en ERP. ...................................................... 27

Imagen 6. HTML5. .................................................................................................................................. 28

Imagen 7. CSS. ........................................................................................................................................ 29

Imagen 8. JS. ........................................................................................................................................... 30

Imagen 9. PHP. ....................................................................................................................................... 30

Imagen 10. jQuery. ................................................................................................................................. 31

Imagen 11. Peticiones a partir de PHP. .................................................................................................. 46

Imagen 12. Codigo Ajax, login. ............................................................................................................... 47

Imagen 13. Validaciones formulario. ..................................................................................................... 48

Imagen 14. Bootstrap. ............................................................................................................................ 49

Imagen 15. Login con bootstrap ERP. .................................................................................................... 50

Imagen 16. Diseño base con bootstrap ERP. .......................................................................................... 50

Imagen 17. Diseño de registro base con bootstrap ERP. ....................................................................... 51

Imagen 18. Diseño captura usuarios, doctores y asistentes con bootstrap ERP. .................................. 51

Imagen 19. Bootstrap soporte mobil. .................................................................................................... 52

Imagen 20. Bootstrap soporte de escritorio. ......................................................................................... 52

Page 11: de un sistema “ERP” “E

11

Resumen

La implementación de las nuevas tecnologías en las empresas representa una

ventaja competitiva, principalmente ante aquellas que carecen de la implementación

de estas. Resultando en gestiones no muy eficientes, toma de decisiones sin

panoramas globales de la empresa y consecuentemente en pérdidas o fugas de

capital debido a la falta de un control funcional sobre sus operaciones.

Es así, como se expondrán a lo largo de este documento el proceso del

desarrollo de un sistema ERP así como las ventajas de la implementación de este tipo

de sistemas de información en el entorno laboral, más precisamente de un sistema

ERP a medida para “El Colegio de Ginecología y Obstetricia de Mazatlán, A. C.”,

tomando como punto de partida procesos administrativos recurrentes, desde los

cuales en un futuro se pueden tomar como base para gestión y alimentación de

procesos más complejos, mismos que sean propios de la institución y permitan llegar

a la toma de decisiones.

Page 12: de un sistema “ERP” “E

12

Abstract

The implementation of new technologies in companies represents a

competitive advantage, mainly to those that lack the implementation of these. Resulting

in not very efficient management, decision-making without global scenarios of the

company and consequently in losses or capital flight due to the lack of functional control

over its operations.

This is how the process of developing an ERP system will be explained

throughout this document, as well as the advantages of implementing this type of

information systems in the workplace, more precisely of an ERP system tailored to " El

Colegio de Ginecología y Obstetricia de Mazatlán, A.C. ", taking as a starting point

recurrent administrative processes, from which in the future can be taken as a basis

for management and feeding more complex processes, which are specific to the

institution and allow to reach to decision making.

Page 13: de un sistema “ERP” “E

13

Introducción

Los sistemas planificadores de recursos empresariales o ERP por sus siglas en

inglés son software que se utilizan principalmente en las grandes y medianas

empresas, con el fin de gestionar con mayor facilidad las diferentes áreas, como puede

ir desde recursos humanos, ventas, etc.

Actualmente se encuentra en el mercado digital una variedad de ERP que van

desde softwares genéricos, hasta algunos que brindan la posibilidad de que el cliente

adapte el software a sus necesidades, y no de la forma contraria, lo que brinda una

comodidad y transición efectiva, sin la modificación de los procesos propios de la

empresa.

De la misma forma, muchas de las empresas que cuentan con sus

departamentos de informática o desarrollo de software, cuentan con la posibilidad

desarrollar sus propios sistemas a medida, representando un ahorro para las mismas

y una simbiosis para ambas partes.

Page 14: de un sistema “ERP” “E

14

Capítulo I: Introducción.

1.1 “El Colegio de Ginecología y Obstetricia de Mazatlán, A. C.”

El estudio se ha llevado a cabo durante el periodo de estadía, en “El Colegio de

Ginecología y Obstetricia de Mazatlán, A. C.” al que haremos referencia como

“COGOMAZ” debido a sus siglas y a manera de abreviación. Es una asociación civil

sin fines de lucro formada por médicos cirujanos especialistas en ginecología y

obstetricia interesados en agruparse para trabajar en beneficio de la salud de la mujer.

Cabe destacar que anteriormente se realizó el periodo de” Estancias II” en la misma

institución, por lo que existe un conocimiento previo a la forma en que se llevan a cabo

las actividades en la misma institución.

1.1.1 Localización de COGOMAZ

COGOMAZ se encuentra localizado en:

• Calle Rio Baluarte 2907 Col. Palos Prietos, C.P. 82010. (Ver Imagen 1)

• La ciudad de Mazatlán, Sin. México con el teléfono 01 669 981 14 00

Imagen 1. Localización en Mazatlán.

Imagen obtenida de google maps.

Page 15: de un sistema “ERP” “E

15

1.1.2 Historia de COGOMAZ

El Dr. Victoriano Gaspar Martínez Andrade, comenta que desde el año de 1976

con la llegada de varios médicos ginecólogos a la ciudad de Mazatlán se inició la idea

de agruparse para mantener la educación médica continua. El Dr. Francisco Javier

Saucedo ha escrito que, en la década de los ochenta, comenzaron a realizarse

reuniones informales entre algunos ginecobstetras de Mazatlán, pero es hasta el año

de 1989, cuando el Dr. Felipe Cruz Jiménez, pudo reunir a las firmas de varios

especialistas egresados de cursos universitarios y de instituciones de reconocido

prestigio, para formar una asociación.

El 5 de febrero de 1990, se llevó a cabo la primera sesión de los socios

fundadores y desde entonces, empezaron a realizarse las sesiones académicas el

primer jueves de cada mes. Se constituyó con el nombre de “Asociación de

Ginecología y Obstetricia de Mazatlán, Sinaloa, A. C.” 16 de julio de 1990 y cambió su

denominación a “Colegio de Ginecología y Obstetricia de Mazatlán, A. C.”

(COGOMAZ), el 9 de octubre del 2009, para asumir el carácter de colegio de

profesionistas conforme a lo dispuesto en la ley de profesiones del estado de Sinaloa.

Como colegio profesional y máximo representante de la especialidad de ginecología y

obstetricia en su ámbito, tiene tres esferas de acción que en su conjunto están

encaminadas a cuidar la salud de la mujer de forma integral. [1]

1.1.3 Emblema

El Colegio de Ginecología y Obstetricia de Mazatlán, A.C., tiene como emblema

un círculo de color rojo cuya parte inferior pende una cruz estilizada, constituyendo en

conjunto el símbolo de la feminidad; el círculo está rodeado con el nombre “COLEGIO

DE GINECOLOGIA Y OBSTETRICIA DE MAZATLAN”, ASOCIACION CIVIL, con

letras de color negro y contiene en su interior la silueta de una mujer con los brazos

extendidos y el mar en color verde, siendo el fondo blanco, como se muestra en la

Imagen 2.

Page 16: de un sistema “ERP” “E

16

Imagen 2. Emblema COGOMAZ.

Imagen obtenida de www.cogomaz.org.

1.1.4 Misión

La misión de COGOMAZ consiste en desarrollar para los especialistas en

ginecología y obstetricia de Mazatlán y de la región la Educación Médica Continua, el

crecimiento profesional y la representatividad ante las autoridades sanitarias, con un

nivel de actualización y sentido de pertenencia, favoreciendo la certificación y la

docencia, con el propósito de ser cada día mejores en pro de la salud y el bienestar

de las mujeres. [2]

1.1.5 Visión

La visión de COGOMAZ consiste en ser el colegio de referencia local, nacional

e internacional por su autosuficiencia, por el trabajo de calidad en la integración de sus

colegiados y en su desarrollo profesional, a través de su educación médica continua y

su impacto en la comunidad, que permita ser considerados líderes por los especialistas

en ginecología y obstetricia, así como por las autoridades de salud. [2]

1.1.6 Valores

Para COGOMAZ los valores señalan la rectitud con que vamos a recorrer un

camino para poder cumplir los objetivos planteados y deben ser dignos e inspiradores

Page 17: de un sistema “ERP” “E

17

para todos los miembros de la organización. Por lo que los principales valores de

interés para COGOMAZ y sus socios son: [2]

• Ética

• Compromiso

• Disciplina

• Honestidad

• Liderazgo

• Calidad

• Mejora continua

• Impacto en la comunidad

1.1.7 Organigrama

A continuación, se muestra el organigrama que se sigue dentro de COGOMAZ

haciendo énfasis en las distintas posiciones de la asociación, de forma que se

puedan llevar a cabo de forma eficaz las actividades y proyectos que se realizan en

la misma (Ver Imagen 3).

Page 18: de un sistema “ERP” “E

18

Imagen 3. Organigrama de COGOMAZ.

Imagen obtenida de www.cogomaz.org.

1.2 Planteamiento del problema

Hoy por día la implementación de algún sistema representa una ventaja tanto

competitiva, como a nivel de administración y gestión se refieren para cualquier

organización. Siendo que muchas organizaciones aun manejan varios de sus

procesos en papel, generando grandes volúmenes de información y un nivel de control

quizá algo lento, además de la necesidad de la presencia física de la persona en la

oficina o área de trabajo para todo proceso.

COGOMAZ maneja la mayoría de sus procesos en diversos archivos

independientes generalmente propios de ofimática (Excel, Word, PowerPoint, etc.)

careciendo del uso de algún sistema que apoye en la gestión y organización de dichos

Page 19: de un sistema “ERP” “E

19

procesos, representando en ocasiones contratiempos al buscar información en

específico. De la misma manera existen otros procesos que se llevan aun en papel, lo

cual también se ha planteado las posibles ventajas que supondría llevar dichos

registros con la implementación de un sistema que pueda relacionar los procesos a

conveniencia.

Como solución se planteó el desarrollo de un sistema de planificación de

recursos mejor conocido como ERP, mismo que se alojara en un servidor web

proporcionado por un tercero, desde el cual se gestionaran los procesos de interés de

la organización. En primera instancia la gestión de contenido de sitio web y el directorio

de socios propios de la institución.

1.2.1 Hipótesis

Dentro de las investigaciones realizadas sobre los ERP se puede encontrar los

beneficios de su implementación en grandes empresas, donde se puede llevar la

gestión y control de los diversos departamentos. Siendo la mayoría de estos ERP

comerciales genéricos que facilitan la toma de decisiones y organización.

Por ende, la implementación de un sistema ERP para COGOMAZ supondría

una gestión con mayor agilidad en cuanto a los procesos de la organización se refiere,

mismo que una vez alojado en un servidor web permite el acceso al mismo desde

cualquier punto del mundo, basta con un dispositivo electrónico y acceso a internet,

otorgando cierta flexibilidad al operario.

1.2.2 Objetivos

1.2.2.1 Objetivo general

El objetivo general consiste en desarrollar, implementar y evaluar un sistema

ERP, para la gestión de los diferentes procesos administrativos dentro de COGOMAZ,

dando inicio con los procesos más recurrentes en la institución.

Page 20: de un sistema “ERP” “E

20

1.2.2.2 Objetivos específicos

Dentro de los objetivos que permitirán concretar la idea general de este

proyecto, se pueden destacar los siguientes:

• Identificación de los procesos más recurrentes y de importancia para la

institución.

• Desarrollar base de datos para control y gestión de ERP.

• Maquetación de ventanas necesarias.

• Codificación de ventanas y funcionalidades.

• Realización de pruebas de validación.

• Evaluar implementación de ERP comparando con el rendimiento anterior a este

(ya sea por comparación de tiempos u otro tipo de medición).

1.2.3 Importancia del estudio

Actualmente encontramos muchos artículos que hacen referencia a las ventajas

de la implementación de las tecnologías de la información en empresas. Cabe

mencionar que cada uno de ellos lo puede abordar de formas diferentes llegando a

una conclusión similar, siendo esta la de la ventaja competitiva.

En el presente trabajo de investigación, se detalla cada etapa del proceso de

desarrollo e implementación del sistema, buscando resaltar aspectos importantes,

como lo serian:

• Identificación de procesos: Se identificará la correcta secuencia administrativa

respecto a los diferentes procesos, a fin de estructurarlos y codificarlos

adecuadamente dentro del ERP.

• Eficiencia: Sera uno de los parámetros a tomar en cuenta al implementar el

ERP, tomando como base los procesos identificados.

• Usabilidad: Hace referencia a la facilidad del usuario para familiarizarse con un

sistema.

• Beneficios de la implementación de un ERP.

Page 21: de un sistema “ERP” “E

21

1.2.4 Limitaciones del estudio

Las limitaciones al día actual para el desarrollo del proyecto podrían radicar en

cuestión de tiempo. Por ello se busca el funcionamiento modular del ERP de forma

que nos sea posible trabajar en módulos independientes, enfocándonos así en

secciones y procesos que se puedan terminar, y no a un gran sistema que pudiese

quedar incompleto. Cabe destacar que se cuenta con la disposición y apoyo por parte

del personal administrativo para lo que pudiera ser necesario.

1.2.5 Definición de términos

ERP (Enterprise Resource Planning): Es un conjunto de sistemas de

información que permite la integración de ciertas operaciones de una empresa,

especialmente las que tienen que ver con la producción, la logística, el inventario, los

envíos y la contabilidad. [3]

PHP (Hypertext Preprocessor): Es un lenguaje de código abierto muy popular

especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML.

[4]

JQuery: Es una librería de JavaScript. Esta librería de código abierto simplifica

la tarea de programar en JavaScript y permite agregar interactividad a un sitio web sin

tener conocimientos del lenguaje. [5]

CSS: Es un lenguaje de hojas de estilos creado para controlar el aspecto o

presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es

la mejor forma de separar los contenidos y su presentación y es imprescindible para

crear páginas web complejas. [6]

Capítulo II: Estado del arte.

A manera de relevancia en cuanto al tema de investigación a desarrollar, se

optó por indagar en algunas investigaciones previas relacionadas, si no, directamente

al tema, si en los componentes que se han considerado de interés, para la

Page 22: de un sistema “ERP” “E

22

investigación. De la misma manera hacer un énfasis detallado sobre algunos términos

que pudieran ser de interés para el lector.

2.1 Marco referencial

2.1.1 Implantación de un sistema ERP en una organización

En su estudio, Alexis D., Juan Carlos G., María Elena R. (2005), hacen notar en

su investigación, no solo la ventaja competitiva que una empresa adquiere al explotar

y dominar los beneficios que un sistema ERP ofrece, si no la razón de que las

empresas. “Las empresas líderes son las que están a la vanguardia en tecnología, son

ellas las que innovan, tienen éxito y sus competidoras no les queda más remedio que

imitarlas.”

De la misma manera, en dicha investigación se recalca el riesgo que puede

correr una empresa al optar implementar uno de estos sistemas sin capacitar

adecuadamente al personal. [7]

2.1.2 Sistemas de información integrados (ERP)

La asociación española de contabilidad y administración de empresas (AECA),

relaciona la organización sistemática de una empresa, con la analogía y los principios

básicos del funcionamiento de un ERP, dando principal importancia de entre los

grupos interesados a aquellos que han de gestionar la empresa.

“La gestión de una empresa puede entenderse como el proceso de guía y

permanente adaptación de la organización, a través de un proceso lógico de acción.”

En este también se destaca la evolución del entorno empresarial y las ventajas

que pueden significar, la implementación de una unidad centralizada de datos, tanto

para cada uno de los departamentos y toma rápida de decisiones. [8]

Page 23: de un sistema “ERP” “E

23

2.1.3 La influencia de las tecnologías de la información y las comunicaciones

en las pymes del sector textil.

F. Javier Muñoz Giner (2004) describe en su trabajo de investigación los

beneficios que otorgo la implementación de tecnologías de información (TI) entre ellas

la aplicación de un software ERP. Para lograr la migración de forma apropiada, siendo

la aplicación de una transición modular y “paso a paso” la solución para que todos

pudieran adaptarse al nuevo sistema. Siendo solo algunos inconvenientes menores

los que pudieran llegar a ocasionar leves retrasos de productividad en la empresa.

“Los operarios ven que tienen que cumplir con su jefe o con la empresa,

entonces si encuentran un pequeño obstáculo con el ERP, pero ven que pueden seguir

haciendo su tarea como la hacían antes pues no se detienen en aprender y siguen

haciéndola como antes.” [9]

2.1.4 Análisis de metodologías de implementación de ERP.

En el documento de investigación del “XVIII Congreso internacional de

contaduría, administración e informática” (2013) se destacan las diferentes

características de los sistemas ERP acorde a su origen, es decir; los sistemas ERP

open source vs los sistemas ERP comerciales, haciendo principal énfasis en una de

las problemáticas para las empresas al momento de escoger algún sistema, en este

caso el precio sobre el producto o servicio.

Un sistema ERP comercial y cubre a forma “general” las necesidades de una

empresa, por otro lado, tiene un respaldo parcial del sistema, según el tipo de servicio

que se esté contratado, por lo que la empresa, es capaz de exigir o solicitar asesoría

acorde a lo estipulado al momento de la adquisición.

Un sistema ERP open sours, es un sistema desarrollado por la comunidad, por

lo que su uso se rige bajo licencias gpl. Este maneja dependiendo el software aspectos

básicos de una empresa. No se cuenta con un soporte técnico tal cual, ya que este,

es la misma comunidad que participo en su desarrollo. La documentación que maneja

no siempre es la más actual. [10]

Page 24: de un sistema “ERP” “E

24

2.2 Marco teórico

Mediante los estudios previos realizados, es posible darles importancia a

aquellos puntos clave para un óptimo desarrollo a la presente investigación, como lo

podrían ser;

• Disposición de personal administrativo COGOMAZ, quien será

responsable para modificar gradualmente la forma normal de trabajo.

• Desarrollo de los módulos suficientes necesarios, para lograr una

productividad más eficiente.

• Análisis de los principales procesos.

• Implementación.

• Capacitación.

• Investigación de leguajes para desarrollo de ERP (diseño y

funcionalidad).

2.2.1 ¿Qué es un ERP?

Un ERP (Enterprise Resource Planning) es un conjunto de sistemas de

información que permite la integración de ciertas operaciones de una empresa,

especialmente las que tienen que ver con la producción, la logística, el inventario, los

envíos y la contabilidad.

El ERP funciona como un sistema integrado, y aunque pueda tener apartados

modulares, funciona como un sistema general. Es decir, es un único programa con

acceso a una base de datos centralizada.

Page 25: de un sistema “ERP” “E

25

Imagen 4. ERP.

Imagen obtenida de www.itop.es/blog/item/5-errores-comunes-a-evitar-cuando-trabajas-con-un-erp.html

2.2.1.1 ¿Qué tipos de ERP existen?

Dentro de las grandes clasificaciones de los ERP podemos encontrar una muy

particular que es la de los ERP horizontales y los verticales. Es importante tomar en

cuenta esta característica al momento de seleccionar por primera vez un ERP ya que

una mala decisión podría significar una limitación a futuro para toda empresa o

compañía.

2.2.1.2 ERP horizontal

El ERP horizontal o generalista es un programa de gestión que cubre las

funcionalidades de gestión estándar de cualquier empresa, básicamente gestión

comercial y contable, de stock. Todas las empresas tienen un producto o un servicio

que comercializar (algunas incluso lo fabrican) y todas suelen seguir un proceso similar

de gestión comercial y contable. Todas gestionan cobros, pagos, clientes y

proveedores. En este aspecto concreto, si el programa cubre estas funcionalidades,

en principio, no es necesario hacer ningún desarrollo específico para adaptarlo. Y

decimos en principio porque al final siempre suele ser necesario hacer alguna

parametrización.

Page 26: de un sistema “ERP” “E

26

2.2.1.3 ERP vertical

El ERP vertical o también llamado vertical o sectorizado, es un programa de

gestión diseñado para un sector específico. Y, por lo tanto, incorpora funcionalidades

concretas que no suelen estar disponibles en los ERP horizontales.

Por ejemplo, un fabricante de fertilizantes para el campo está obligado por ley

a cumplir con una normativa de recogida de envases de productos fitosanitarios

(conocida como SIGFITO) e incluso con un sistema de gestión de residuos peligrosos

(conocido como ADR). O por poner otro ejemplo, un fabricante de piensos que

necesita una aplicación específica para gestionar todo lo relacionado con los piensos

medicados: una ficha técnica del medicamento (composición, vía de administración,

especies, duración, etc), que necesita generar de forma automática las recetas con el

albarán de venta, o que quiere tener la posibilidad de que el veterinario pueda firmar

recetas digitalmente.

2.2.2 ¿Qué es una base de datos Centralizada?

Una base de datos centralizada es una base de datos almacenada en su

totalidad en un solo lugar físico, es decir, es una base de datos almacenada en una

sola máquina y en una sola CPU, en donde los usuarios trabajan en terminales "tontas"

que solo muestran resultados.

Los sistemas de bases de datos centralizadas son aquellos que se ejecutan en

un único sistema informático sin interaccionar con ninguna otra computadora. Tales

sistemas comprenden el rango desde los sistemas de bases de datos monousuarios

ejecutándose en computadoras personales hasta los sistemas de bases de datos de

alto rendimiento encuitándose en grandes sistemas.

Page 27: de un sistema “ERP” “E

27

Imagen 5. Implementación de base de datos centralizada en ERP.

Imagen obtenida de www.itop.es/blog/item/5-errores-comunes-a-evitar-cuando-trabajas-con-un-erp.html.

2.2.3 ¿Qué es HTML?

HTML (HyperText Markup Language) es el bloque de construcción más básico

de la Web. Describe y define el contenido de una página web. Otras tecnologías

además de HTML se usan generalmente para describir el aspecto / presentación

(CSS) de una página web o su funcionalidad (JavaScript).

2.2.4 HTML5

HTML5 es la última versión de HTML. El término representa dos conceptos

diferentes: Se trata de una nueva versión de HTML, con nuevos elementos, atributos

y comportamientos. Contiene un conjunto más amplio de tecnologías que permite a

los sitios Web y a las aplicaciones ser más diversas y de gran alcance. A este conjunto

se le llama HTML5 y amigos, a menudo reducido a HTML5. Diseñado para ser

utilizable por todos los desarrolladores de Open Web, esta página referencia

numerosos recursos sobre las tecnologías de HTML5, clasificados en varios grupos

según su función.

• Semántica: Permite describir con mayor precisión cuál es su contenido.

Page 28: de un sistema “ERP” “E

28

• Conectividad: Permite comunicarse con el servidor de formas nuevas e

innovadoras.

• Sin conexión y almacenamiento: Permite a las páginas web almacenar datos

localmente en el lado del cliente y operar sin conexión de manera más eficiente.

• Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia

como lo son audio y video nativamente.

• Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas

características que se ocupan de los gráficos en la web como lo son canvas 2D,

WebGL, SVG, etc.

• Rendimiento e Integración: Proporciona una mayor optimización de la velocidad

y un mejor uso del hardware.

• Acceso al dispositivo: Proporciona APIs para el uso de varios componentes

internos de entrada y salida de nuestro dispositivo.

• CSS3: Nos ofrece una nueva gran variedad de opciones para hacer diseños

más sofisticados.

Imagen 6. HTML5.

Imagen obtenida de https://es.wikipedia.org/wiki/HTML5

2.2.5 CSS

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o

presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es

Page 29: de un sistema “ERP” “E

29

la mejor forma de separar los contenidos y su presentación y es imprescindible para

crear páginas web complejas.

Separar la definición de los contenidos y la definición de su aspecto presenta

numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos

y con significado completo (también llamados "documentos semánticos"). Además,

mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y

permite visualizar el mismo documento en infinidad de dispositivos diferentes.

Imagen 7. CSS.

Imagen obtenida de

2.2.6 JavaScript

JavaScript es un lenguaje de programación que se utiliza principalmente para

crear páginas web dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que

aparece y desaparece, animaciones, acciones que se activan al pulsar botones y

ventanas con mensajes de aviso al usuario.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo

que no es necesario compilar los programas para ejecutarlos. En otras palabras, los

programas escritos con JavaScript se pueden probar directamente en cualquier

navegador sin necesidad de procesos intermedios.

Page 30: de un sistema “ERP” “E

30

Imagen 8. JS.

Imagen obtenida de

2.2.7 PHP

PHP es un lenguaje de programación de propósito general de código del lado

del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue

uno de los primeros lenguajes de programación del lado del servidor que se podían

incorporar directamente en el documento HTML en lugar de llamar a un archivo

externo que procese los datos. El código es interpretado por un servidor web con un

módulo de procesador de PHP que genera la página web resultante. PHP ha

evolucionado por lo que ahora incluye también una interfaz de línea de comandos que

puede ser usada en aplicaciones gráficas independientes. Puede ser usado en la

mayoría de los servidores web al igual que en casi todos los sistemas operativos y

plataformas sin ningún costo.

Imagen 9. PHP.

Imagen obtenida de

Page 31: de un sistema “ERP” “E

31

2.2.8 JQuery

jQuery es una biblioteca multiplataforma de JavaScript, creada inicialmente por

John Resig, que permite simplificar la manera de interactuar con los documentos

HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar

interacción con la técnica AJAX a páginas web. Fue presentada el 14 de enero de

2006 en el BarCamp NYC. jQuery es la biblioteca de JavaScript más utilizada.

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo

la Licencia MIT y la Licencia Pública General de GNU v2, permitiendo su uso en

proyectos libres y privados. jQuery, al igual que otras bibliotecas, ofrece una serie de

funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más

código, es decir, con las funciones propias de esta biblioteca se logran grandes

resultados en menos tiempo y espacio.

Imagen 10. jQuery.

Imagen obtenida de

2.3 Sumario

Debido a la investigación realizada es posible afirmar que el tema de estudio

propuesto cuenta con sustento para considerarse tema de interés actual, tomando en

cuenta el avance de las tecnologías de la información y comunicación.

Los ERP en si representan una infraestructura organizada para las empresas

por lo que he ahí su punto importante para toda empresa como ventaja competitiva

ante las demás. De la misma forma se consideran riesgos que estos pueden

Page 32: de un sistema “ERP” “E

32

representar, se opta por la creación de un sistema básico y personalizado

específicamente para la forma de trabajo de la sede escogida y mediante la selección

de tecnologías específicas para cada uno de los fines considerados.

Capítulo III: Metodología.

3.1 Identificación de los procesos más recurrentes de la institución.

COGOMAZ cuenta con una variada lista de actividades y procesos

administrativos, pese a ello, se optó por dar importancia a las actividades de mayor

demanda para la institución o bien que pudieran servir como base para una expansión

del trabajo desarrollado. En la figura 1 se aprecia un pequeño diagrama de caso de

uso donde se destacan algunas de las actividades que son más recurrentes entre los

participantes del colegio.

Figura 1. Caso de uso de algunas actividades en COGOMAZ.

Imagen obtenida de fuente propia

Page 33: de un sistema “ERP” “E

33

3.1.1 Registros en directorio

Debido a que se busca mantener la información de contacto de los participantes

en las actividades del colegio. Se inicio por la necesidad de crear un directorio, de

donde posteriormente fuera posible cargar rápidamente la información de los

participantes en las diferentes actividades del colegio.

Esto agilizara el control sobre procesos como fueron el alta de información de

socios en la página web, de la misma forma en la creación de cursos nos es de interés

ya que se mantiene un registro no solo de los titulares en los mismos, si no, también

de los asistentes cosa que se podrá apreciar más adelante.

3.1.1.1 CRUD básico directorio

En si se trabaja con un CRUD básico como se puede apreciar en la figura 2.

Figura 2. Llamada a CRUD.

Imagen obtenida de fuente propia

El CRUD maneja las funciones propias del mismo, que son:

• Créate: Creación de registros.

• Read: Lectura de registros.

• Update: Actualización de registros.

• Delete: Borrado de registros.

Como se muestra en la figura 3

Page 34: de un sistema “ERP” “E

34

Figura 3. CRUD

Imagen obtenida de fuente propia

3.1.2 Gestión de contenido de sitio web

La página www.cogomaz.org fue desarrollada de forma estática y sin contar con

un gestor de contenido, lo que dificulta el dinamismo y la interacción con esta,

generando algunos inconvenientes ya que el proceso de cambios en el contenido

resulta muy largo y tedioso, como se muestra en el diagrama de la figura 4.

Figura 4. Proceso de cambios en sitio web antes de ERP.

Imagen obtenida de fuente propia

Page 35: de un sistema “ERP” “E

35

La implementación del ERP con la gestión del sitio web agilizaría la realización

de cambios, pasando del diagrama mostrado con anterioridad, a uno como el que se

muestra en la figura 5, donde ya no se requiere la participación de personal externo

para la realización de los cambios pertinentes.

Figura 5. Proceso de cambios en sitio web con ERP.

Imagen obtenida de fuente propia

3.1.2.1 Banner y difusión de cursos en sitio web

Otra de las actividades que se realizan mes con mes es la correspondiente a la

difusión de los cursos que COGOMAZ ofrece. La actividad normalmente se realiza

acudiendo a las diferentes instituciones, lo cual no deja de ser una forma de dar a

conocer estos, sin embargo, para los tiempos actuales, es más fácil llegar a mucha

Page 36: de un sistema “ERP” “E

36

más gente con la implementación de redes sociales o en su caso, el uso del sitio para

llamar a más público.

Añadido a esto, se propone la posibilidad de dar crecimiento al ERP debido a

su particularidad de trabajar en forma modular, llevando a futuro un control de registros

autónomo, mediante el mismo sitio web e incluir pagos vía internet.

3.1.2.2 Directorio de socios en sitio web

Prácticamente se trata de dar a conocer al público en general a los socios que

fungen en el colegio, demostrando su capacitación y compromiso hacia la salud

femenina. Al no trabajar de forma dinámica resultaba en posibles confusiones si era

necesario realizar cambios o baja de información esto debido a que el proceso

dependía de la participación de un tercero como se mostró anteriormente ya en la

figura 4.

3.1.2.3 Difusión de revista COGOMAZ

La distribución de la revista COGOMAZ es una actividad que se lleva a cabo

una vez cada dos meses, en esta se les entrega una cantidad física de la edición

correspondiente a las empresas patrocinadoras.

En esta se sugirió por parte de varios socios patrocinadores, realizar esta revista

de forma digital, ofreciéndola no solo a los empleados de estas agencias, si no, que

estuvieran al alcance del público en general. Por lo que se solicitó la realización de un

apartado para estas en el sitio y la gestión sobre estas.

3.1.3 Gestión de cursos

Los cursos representan uno de los principales ingresos para el colegio en estos

el personal administrativo consulta los temas que se proponen por parte del consejo

de doctores a cargo, orientándolo hacia un tipo de público que se interese en los

Page 37: de un sistema “ERP” “E

37

temas. De la misma manera la inscripción se realiza en físico a partir de registros en

papel. Por ello la interacción con el sistema se reflejaría como se refleja en la figura 6.

Figura 6. Gestión general cursos con ERP.

Imagen obtenida de fuente propia

3.1.3.1 Inscripciones a cursos

La inscripción actualmente se realiza de forma presencial, ya sea cuando el/la

encargado/a asiste a la institución o el mismo día del curso, por ende, se necesita en

este proceso del administrador, lo que resulta en un esfuerzo extra que incluye la

necesidad de acudir a las instituciones, y cuando las inscripciones se realizan el día

del curso esto resulta en una atención lenta, principalmente por los tiempos de espera.

Page 38: de un sistema “ERP” “E

38

Figura 7. Gestión de inscripciones.

Imagen obtenida de fuente propia

La gestión de inscripciones a través del ERP y con el apoyo del sitio web supone

una mejora donde las inscripciones partirían de una primera inscripción, donde se

crearía el registro en el directorio COGOMAZ a fin de tener a la mano la información

de los asistentes y llegar a manejar diversas acciones, ya sea el seguimiento de los

asistentes para el manejo de un big data. Este proceso se ve reflejado en la figura 8.

Page 39: de un sistema “ERP” “E

39

Figura 8. Gestión de registros propuesta a partir de ERP.

Imagen obtenida de fuente propia

3.1.3.3 Seguimiento de asistentes a cursos

La mayoría de los asistentes en los cursos son doctores, enfermeros o

estudiantes que recurrentemente participan en diversos cursos con el fin de

mantenerse actualizados con la información de interés.

Se intenta llevar un control sobre los participantes a fin de realizar una base de

datos, de que curso es de interés para que personas y realizar un filtro de manera

similar sobre que cursos llaman más la atención del público. Esto resulta en una tarea

casi imposible debido a la gran cantidad de papeles que se generan por cursos.

Implementar este tipo de filtros y búsquedas en el ERP suponen una mejora y

organización inmediata respecto al proceso actual.

Page 40: de un sistema “ERP” “E

40

Capítulo IV: Resultados.

A continuación, se presentan los diseños implementados para el desarrollo del

proyecto, con base en la mejor intención de las necesidades del colegio.

4.1 Diseños

4.1.1 Login

Para todo sistema es necesario un nivel de seguridad que pueda brindar una

confianza al usuario por ello el login que se muestra en la figura 9 un login sencillo

donde se muestra el logo de la institución brindando un sentido de pertenencia, así

mismo sus cajas de texto para ingresar la información, y sus respectivas alertas, en

caso de algún incidente.

Figura 9. Login ERP.

Imagen obtenida de fuente propia

Page 41: de un sistema “ERP” “E

41

4.1.2 Modelo general

Todo el diseño se trabajó a manera de resultar sencillo de entender y sin que

existieran muchos cambios entre una vista u otra, con la finalidad de manejar más

adelante diseños responsivos a los que fuese agradable pasar entre diferentes

resoluciones, esto pensando principalmente en la usabilidad en dispositivos móviles.

Por ello el diseño base se puede apreciar en la figura 10, manteniendo el proyecto lo

más limpio posible.

Figura 10. Diseño base ERP.

Imagen obtenida de fuente propia

4.1.3 Tablas generales

En cuestión de la mayoría de listado de registros, se trabajó bajo un diseño

general, ya que las variaciones y necesidades de cambio eran muy pocas entre los

diferentes listados. Por ello el diseño usado para la representación de tablas y registros

se puede observar en la figura 11. En este se observa la implementación de imágenes

que ayuden en su momento a identificar rápidamente registros específicos, una

sección de campos de interés donde se pueden mostrar los datos que sean tal cual

de interés sin llenar todo el espacio con cada uno de los campos del registro en

cuestión ya que la información a detalle se puede observar con el apoyo del botón de

Page 42: de un sistema “ERP” “E

42

editar localizado en la sección de “botones CRUD” donde a su vez se encuentra la

opción de eliminar el registro.

Figura 11. Diseño base de tablas ERP.

Imagen obtenida de fuente propia

4.1.4 Usuarios, doctores y asistentes.

En cuestión de registros con información en común se realizó un diseño que se

pudiera adaptar a estos como fue el caso de usuarios, doctores y asistentes, quienes

guardaban relación en la mayoría de la información a excepción de las contraseñas

que solo fueron requeridas para los usuarios del sistema. Quedándonos con el diseño

que se muestra en la figura 12.

Page 43: de un sistema “ERP” “E

43

Figura 12. Diseño captura usuarios, doctores y asistentes para ERP.

Imagen obtenida de fuente propia

4.1.5 Banner y cursos.

Por su parte el apartado de la difusión de cursos que se relaciona con la página

web, consta de la captura de imagen y una previsualización de la misma de forma que

no se verá limitado a un diseño fijo, además se solicita la fecha, tipo de espectacular

y nombre, esto para llevar un control de registros para propósitos que se describen

más adelante. Figura 13

Page 44: de un sistema “ERP” “E

44

Figura 13. Captura de banner y/o cursos ERP.

Imagen obtenida de fuente propia

4.2 Codificación de diseño para página web.

La conversión del diseño previamente mencionado a un diseño web responsiva,

se llevó a cabo mediante la aplicación de herramientas ya mencionadas previamente

a fin de agilizar un poco el trabajo.

4.2.1 HTML 5

Para la conversión de los diseños establecidos se implementó el lenguaje de

maquetado HTML por su fácil implementación de contenedores para el desarrollo por

secciones.

4.2.2 PHP

PHP es el lenguaje orientado al lado del servidor y debido a su flexibilidad en

cuestión de integración con los navegadores y documentos HTML, representa una

herramienta sencilla de manejar y fácil de incorporar al proyecto en desarrollo, por lo

que su implementación es de gran ayuda y provecho, para las peticiones y

Page 45: de un sistema “ERP” “E

45

funcionamiento por el lado del servidor, de la misma manera PHP cuenta con una

variada cantidad de características, que nos permiten ahorrar una gran cantidad de

código.

4.2.2.1 Ventajas

PHP proporciona una gran variedad de funciones, entre las que podríamos

destacar el desarrollo de plantillas para uno o varios sitios web ahorrando la repetición

de código, Por otro lado, PHP es multiplataforma, lo que nos brinda la confianza de

que se ejecutara adecuadamente desde cualquier sistema operativo. Permite la

creación de páginas web dinámicas, lo que asegura mayor participación por parte de

los visitantes y por lo tanto mayores retornos de los mismos.

Una cualidad interesante es que el PHP puede ser fácilmente insertado en el

HTML. Esto hace muy fácil convertir un sitio web estático existente en uno nuevo y

más dinámico.

4.2.2.2 Implementación

Se opto por la implementación de PHP debido principalmente a la curva de

aprendizaje que ofrece al usuario, ya que esta es muy alta en principio. Además de

ello el hecho de tener una gran comunidad dispuesta a brindar apoyo en caso de

dudas.

Ya en materia PHP funcionara como intermediario entre las peticiones al

servidor, por lo que su rápido desarrollo en las funciones a implementar permite dar

una mirada a aspectos que podrían ser de vital importancia, como lo pudieran ser

cuestiones de seguridad o de alguna otra índole.

Page 46: de un sistema “ERP” “E

46

Imagen 11. Peticiones a partir de PHP.

Imagen obtenida de fuente propia.

4.2.3 jQuery

jQuery es una biblioteca de JavaScript rápida, pequeña y rica en funciones.

Hace cosas como el recorrido y manipulación de documentos HTML, manejo de

eventos, animación, y Ajax mucho más simple con una API fácil de usar que funciona

en una multitud de navegadores. Con una combinación de versatilidad y extensibilidad,

jQuery ha cambiado la forma en que millones de personas escriben JavaScript.

4.2.3.1 Ventajas

Una de las principales ventajas que nos proporciona jQuery como framework

de desarrollo, es la capacidad del desarrollo de aplicaciones grandes con pocas líneas

de código, con ello la compatibilidad que ofrece hacia diversos navegadores, puesto

que implementa una serie de clases (de programación orientada a objetos) que nos

permiten programar sin preocuparnos del navegador con el que nos está visitando el

usuario, ya que funcionan de exacta forma en todas las plataformas más habituales.

Así, este framework JavaScript, nos ofrece una infraestructura con la que

tendremos mucha mayor facilidad para la creación de aplicaciones complejas del lado

del cliente. Por ejemplo, con jQuery obtendremos ayuda en la creación de interfaces

Page 47: de un sistema “ERP” “E

47

de usuario, efectos dinámicos, aplicaciones que hacen uso de Ajax, etc. Cuando

programemos JavaScript con jQuery tendremos a nuestra disposición una interfaz

para programación que nos permitirá hacer cosas con el navegador que estemos

seguros de que funcionarán para todos nuestros visitantes. Simplemente debemos

conocer las librerías del framework y programar utilizando las clases, sus propiedades

y métodos para la consecución de nuestros objetivos.

4.2.3.2 Implementación

Se opto por la implementación de la tecnología jQuery como parte del desarrollo

para el proyecto debido a la compatibilidad que ofrece no solo con los navegadores

más populares, si no, también por el hecho de que no nos priva de la implementación

de JavaScript puro, en caso de ser necesario.

Imagen 12. Codigo Ajax, login.

Imagen obtenida de fuente propia.

Page 48: de un sistema “ERP” “E

48

Imagen 13. Validaciones formulario.

Imagen obtenida de fuente propia.

4.2.4 Bootstrap

Una de las propiedades que se buscaron durante el desarrollo de todo el

proyecto fue la de poder trabajar desde cualquier tipo de dispositivo, manteniendo lo

más posible la armonía entre los componentes a implementar, por ello se implementó

la herramienta Bootstrap que debido a su técnica del manejo de celdas permite el

intercambio entre resoluciones, guardando la integridad del diseño en todo momento.

Bootstrap es un framework desarrollado y liberado por Twitter que tiene como

objetivo facilitar el diseño web. Permite crear de forma sencilla webs de diseño

adaptable, es decir, que se ajusten a cualquier dispositivo y tamaño de pantalla y

siempre se vean igual de bien. Es Open Source o código abierto, por lo que lo

podemos usar de forma gratuita y sin restricciones.

Page 49: de un sistema “ERP” “E

49

Imagen 14. Bootstrap.

4.2.4.1 Ventajas

La más genérica es que permite simplificar el proceso de maquetación,

sirviéndonos de guía para aplicar las buenas prácticas y los diferentes estándares.

Algunos pros más:

• Puedes tener una web bien organizada de forma visual rápidamente: la curva

de aprendizaje hace que su manejo sea asequible y rápido si ya sabes

maquetar.

• Permite utilizar muchos elementos web: desde iconos a desplegables,

combinando HTML5, CSS y JavaScript.

• Sea lo que sea que creemos, el diseño será adaptable, no importa el dispositivo,

la escala o resolución.

• El “grid system”: maquetar por columnas nunca fue tan fácil. Además, son muy

configurables.

• Se integra muy bien con las principales librerías JavaScript.

• El haber sido creado por Twitter nos da ciertas garantías: está muy pensado y

hay mucho trabajo ya hecho. Por lo tanto, hay una comunidad muy activa

creando, arreglando cosas, ofreciendo plugin y mucho más.

• Cuenta con implementaciones externas para WordPress, Drupal, etc.

• Nos permite usar “Less”, para enriquecer aún más los estilos de la web.

Page 50: de un sistema “ERP” “E

50

4.3.1.2 Implementación

A continuación, se muestran los resultantes de la implementación de Bootstrap

para el desarrollo del proyecto.

Imagen 15. Login con bootstrap ERP.

Imagen obtenida de fuente propia

Imagen 16. Diseño base con bootstrap ERP.

Imagen obtenida de fuente propia

Page 51: de un sistema “ERP” “E

51

Imagen 17. Diseño de registro base con bootstrap ERP.

Imagen obtenida de fuente propia

Imagen 18. Diseño captura usuarios, doctores y asistentes con bootstrap ERP.

Imagen obtenida de fuente propia

Page 52: de un sistema “ERP” “E

52

Capítulo V: Implementación y evaluación de resultados.

Respecto a la implementación del proyecto, se realizó sobre la adquisición de

un servicio de hosting. Para ello solo fue necesario que este trabajase con PHP en su

versión 5.2.0, respecto al sistema operativo no existe problema alguno ya que las

herramientas implementadas trabajan sin ningún problema bajo cualquier plataforma.

Respecto al framework de diseño en la Imagen 19 se muestra el soporte que

ofrece Bootstrap para los diferentes dispositivos móviles y en la Imagen 20 su

equivalente para equipos de escritorio.

Imagen 19. Bootstrap soporte mobil.

Imagen obtenida de https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/

Imagen 20. Bootstrap soporte de escritorio.

Imagen obtenida de https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/

En lo que respecta a su funcionalidad y aporte para COGOMAZ la

implementación de este ERP ha mostrado funcionalidad acorde a la gestión del

contenido de sitio web.

Page 53: de un sistema “ERP” “E

53

Acorde a los cursos, los resultados solo se dieron de forma de pruebas de

control, dando resultados positivos, esto debido a que en noviembre se realizó el último

curso del año y el siguiente esperado será a principios de febrero. El control sobre los

cursos resulta más ágil con el apoyo a través de un dispositivo móvil que permite hacer

filtros rápidamente, que, mediante los registros en papel, además de saber

exactamente cuántos asistentes se dieron en cada curso.

Capítulo V: Discusión.

En conclusión, se puede afirmar que la implementación de sistemas como lo

son los ERP en empresas facilita el trabajo. Cabe mencionar que la adaptación a un

ERP especifico requiere de capacitación del personal encargado y que no todo ERP

funciona para cualquier empresa.

Referencias bibliográficas.

[1] <<cogomaz>> [online] Disponible en:

http://www.cogomaz.org/HISTORIA_Y_FUNDAMENTOS_COL_MAZ.pdf

[2] <<cogomaz>> [online] Disponible en: http://www.cogomaz.org/MVV.html

[3] <<aner>> [online] Disponible en: http://www.aner.com/que-es-un-erp.html

[4] <<php>> [online] Disponible en: http://php.net/manual/es/intro-whatis.php

[5] << wikipedia>> [online] Disponible en: https://es.wikipedia.org/wiki/JQuery

[6] << librosweb>> [online] Disponible en:

http://librosweb.es/libro/css/capitulo_1.html

[7] Alexis D., Juan Carlos G., María Elena R. (2005), “Implantación de un sistema

ERP en una organización” [online] Disponible en:

https://www.google.com.mx/url?sa=t&rct=j&q=&esrc=s&source=web&cd=14&c

ad=rja&uact=8&ved=0ahUKEwj9wKbh7rzXAhVN3mMKHR2KDuMQFghnMA0

&url=http%3A%2F%2Frevistasinvestigacion.unmsm.edu.pe%2Findex.php%2F

Page 54: de un sistema “ERP” “E

54

sistem%2Farticle%2Fdownload%2F3475%2F2862&usg=AOvVaw28QJ5_VCL

xEGHWiYIceYqa

[8] Asociación española de contabilidad y administración de empresas (2005),”

Sistemas de información integrados”, [online] Disponible en:

http://www.elmostrador.cl/media/2015/05/nt6.pdf

[9] F. Javier Muñoz Giner (2004), “influencia de las tecnologías de la información

y las comunicaciones en las pymes del sector textil”, [online] Disponible en:

https://riunet.upv.es/bitstream/handle/10251/2625/tesisUPV2175.pdf

[10] XVIII Congreso internacional de contaduría, administración e informática,

“Análisis de metodologías de implementación de ERP”, [online] Disponible en:

http://congreso.investiga.fca.unam.mx/docs/xviii/docs/12.01.pdf