universidad regional autonoma de los andes uniandes
Anuncio
UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES
UNIANDES
FACULTAD SISTEMAS MERCANTILES
MAESTRÍA EN INFORMÁTICA EMPRESARIAL
TESIS PREVIO A LA OBTENCION DEL GRADO ACADEMICO DE MAGISTER EN
INFORMATICA EMPRESARIAL
TEMA: ―APLICACIÓN WEB MVC PARA MEJORAR LA GESTIÓN ADMINISTRATIVA
DE LAS ORGANIZACIONES DEL MIES DISTRITO UNO CANTÓN GUARANDA
PROVINCIA BOLÍVAR‖.
AUTOR:
LIC. JORGE WILSON TAMAMI PACHALA
TUTOR:
ING. FREDDY BAÑO Ms.C.
AMBATO - ECUADOR
2015
APROBACIÓN DEL TUTOR
Yo, Ing. Baño Freddy Patricio Ms.C. catedrático asesor del trabajo de titulación para
la Maestría en Informática Empresarial y cuyo tema es: ―APLICACIÓN WEB MVC
PARA MEJORAR LA GESTIÓN ADMINISTRATIVA DE LAS ORGANIZACIONES
DEL MIES DISTRITO UNO CANTÓN GUARANDA PROVINCIA BOLÍVAR‖, manifiesto
que la presente investigación ha sido desarrollada por el alumno Lic. Jorge Wilson
Tamami Pachala y sometida a revisión, por lo tanto autorizo la presentación de la
misma para su trámite correspondiente.
__________________________________
Ing. Freddy Baño N., Ms.C.
ASESOR
CERTIFICACIÓN DE AUTORÍA
Yo, Jorge Wilson Tamami Pachala, declaro bajo juramento que el trabajo aquí descrito
es de mi autoría: que no ha sido previamente presentado para ningún grado o
calificación profesional; y, que he consultado las referencias bibliográficas que se
incluyen en este documento.
A través de la presente declaración cedo mis derechos de propiedad intelectual
correspondiente a este trabajo, a la UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS
ANDES, según establecido por la Ley de Propiedad Intelectual, por su reglamento y por
su normativa institucional vigente.
Lic. Jorge Wilson Tamami Pachala
0201248556
AUTOR
DEDICATORIA
Dedico este trabajo a mi Madre que ha sido para mí un ejemplo a seguir de
perseverancia y constancia, a mi hermana y hermano que siempre han estado
apoyándome con los concejos y amor que me dan, a mi hija Camila y Juana Pablo
quienes son mi razón de ser y de existir, a mi esposa por su comprensión. A las
personas que en su momento me ayudaron, no pueden ser tu familia pero están ahí
estuvieron cuando pedí su ayuda, gracias a papito Dios porque nuca me abandono y
darles las gracias por las lecciones que me da día a día.
Lic. Wilson Tamami P.
AGRADECIMIENTO
Es una gratitud muy grande que se tiene con la Universidad Regional Autónoma de
los Andes, la departamento de Posgrado, a los docentes que fueron mis maestros de
aulas que nos impartieron enseñanza, conocimientos y lo más importante enseñarnos
sobre la ética y la moral lo cual me servirá en mi vida profesional, a los licenciados que
son mis pares académicos que me guiaron.
De igual manera al Ing. Freddy Baño M.S.C tutor, quien con su ayuda constante ha
contribuido para realizar este trabajo de grado.
Lic. Wilson Tamami P.
ÍNDICE GENERAL
APROBACIÓN DEL TUTOR
CERTIFICACIÓN DE AUTORÍA
DEDICATORIA
AGRADECIMIENTO
ÍNDICE GENERAL
ÍNDICES DE GRÁFICOS
ÍNDICE DE FIGURAS
ÍNDICE DE CUADROS
RESUMEN EJECUTIVO
SUMARY
INTRODUCCIÓN ............................................................................................................................................. 1
Planteamiento del Problema ........................................................................................................................ 2
Formulación del Problema ............................................................................................................................ 3
Delimitación del Problema ............................................................................................................................ 4
Objeto de Estudio, Campo de Acción .......................................................................................................... 4
Objetivo General ........................................................................................................................................... 4
Objetivos Específicos..................................................................................................................................... 4
Idea a Defender............................................................................................................................................. 5
Justificación ................................................................................................................................................... 5
Metodología de Investigación....................................................................................................................... 6
Resumen de la Estructura de la Tesis............................................................................................................ 7
Novedad, Aporte Teórico y Significancia Práctica. ....................................................................................... 8
Aporte teórico. .............................................................................................................................................. 8
Significación Práctica..................................................................................................................................... 9
Novedad Científica ........................................................................................................................................ 9
CAPITULO I .................................................................................................................................................. 10
1
MARCO TEÓRICO................................................................................................................................. 10
1.1.
La Historia del Internet............................................................................................................10
1.1.1
Definición de internet. ............................................................................................................11
1.1.2
Funcionamiento del Internet ..................................................................................................12
1.1.3
Características del internet. ....................................................................................................13
1.1.4
Virus informático.....................................................................................................................14
1.1.5
Un navegador. .........................................................................................................................15
1.1.6
Una red social. .........................................................................................................................15
1.2.
Definición de Aplicación Web. ...................................................................................................16
1.2.1.
Estructura de las Aplicaciones web. ........................................................................................16
1.2.2.
Características de las aplicaciones web. .................................................................................17
1.2.3.
Ventajas de la web. .................................................................................................................18
1.2.4.
Desventajas de la Web. ...........................................................................................................19
1.3.
El Patrón MVC. ...........................................................................................................................19
1.3.1.
Orígenes del Modelo Vista Controlador .................................................................................20
1.3.2.
Características de modelo visto y controlador .......................................................................21
1.3.3.
Ventajas de utilizar el MVC .....................................................................................................22
1.4.
Lenguaje de programación. ........................................................................................................23
1.4.1.
Historia de Dreamweaver .......................................................................................................23
1.4.2.
Concepto de Dreamweaver. ...................................................................................................24
1.4.3.
Tipos de Archivos de Dreamweaver........................................................................................25
1.4.4.
Funciones de Dreamweaver...................................................................................................26
1.4.5.
Características Dreamweaver. ................................................................................................26
1.4.6.
Ventajas de Dreamweaver cs5. ...............................................................................................27
1.5.
1.5.1.
1.6.
1.6.1.
1.7.
1.7.1.
1.8.
1.8.1.
1.9.
Definición PHP .............................................................................................................................28
Características de PHP.............................................................................................................29
Definición de base de datos. .......................................................................................................29
Características base de datos. .................................................................................................30
Concepto HTML...........................................................................................................................31
Características HTML...............................................................................................................32
Concepto CSS3 ............................................................................................................................33
Características CSS3 ................................................................................................................33
Concepto JavaScript. ...................................................................................................................34
1.9.1.
Características de JavaScript. ..................................................................................................35
1.10.
Definición de administración. .....................................................................................................35
1.10.1.
Subdivide la administración: ..................................................................................................36
1.10.2.
Diferencias de la Administración Pública ................................................................................37
1.10.3.
Diferencias de la Administración Privada ...............................................................................37
1.10.4.
Características de la Administración. ......................................................................................38
1.10.5.
La Administración Pública. ......................................................................................................39
1.10.6.
Ventajas de la Administración pública ....................................................................................40
1.10.7.
Las desventajas de un Administrador público son:.................................................................41
1.11.
DEFINICIÓN DE GESTIÓN. ...........................................................................................................41
1.11.1.
Instrumentos de gestión. ........................................................................................................42
1.11.2.
Los Gestores. ...........................................................................................................................43
1.11.3.
Características de gestores. ....................................................................................................43
1.11.4.
Ventajas de la Gestión ............................................................................................................44
1.11.5.
Posibles desventajas: ..............................................................................................................44
1.11.6.
Conclusiones Parciales del capitulo ........................................................................................45
CAPITULO II ................................................................................................................................................. 46
2.
MARCO METODOLÓGICO. ..........................................................................................................46
2.1.
Caracterización del sector. ......................................................................................................46
2.1.1.
Visión: ......................................................................................................................................46
2.1.2.
Misión:.....................................................................................................................................46
2.1.3.
Objetivos Estratégicos .............................................................................................................47
2.1.3
.1 Objetivo Estratégico. ...........................................................................................................47
2.1.3.2 Objetivo Estratégico No. 2 .............................................................................................................47
2.2.
Descripción del Procedimiento metodológico. ...........................................................................48
2.2.1.
Histórico – Lógico. ...................................................................................................................48
2.2.2.
Analítico – Sintético ................................................................................................................48
2.2.3.
Inductivo – Deductivo .............................................................................................................48
2.2.4.
Método - Sistémico .................................................................................................................49
2.2.5.
Modalidad de la Investigación. ...............................................................................................49
2.2.6.
Tipo de Investigación ..............................................................................................................50
2.2.7.
Métodos, Técnicas e Instrumentos .........................................................................................50
2.2.8.
Población Muestra. .................................................................................................................51
2.2.9.
Obtención de la muestra.........................................................................................................51
2.2.10.
Tabulación y análisis de resultados. ........................................................................................52
2.2.11.
Tabulación y Análisis de Resultados de encuestas a los Funcionarios del MIES.....................60
2.2.12.
Entrevista a las Autoridades....................................................................................................67
2.3.
Propuesta del Investigador .........................................................................................................69
2.4.
Conclusiones parciales del capítulo. ...........................................................................................70
CAPITULO III ................................................................................................................................................ 71
3.
MARCO PROPOSITIVO ......................................................................................................................... 71
3.1.
Tema............................................................................................................................................71
3.2.
Objetivos .....................................................................................................................................71
3.2.1 Objetivo general. ................................................................................................................................71
3.2.2 Objetivo específicos: ..........................................................................................................................71
3.3.
Desarrollo propuesta. .................................................................................................................72
3.3.1.
Selección de la metodología y proceso de desarrollo. ......................................................72
3.3.2.
Selección del Proceso de Desarrollo de Software. ..................................................................73
3.3.3. Especificación de requisitos. .............................................................................................................73
3.3.3.1 Introducción. ..................................................................................................................................73
3.3.3.2 Propósito. .......................................................................................................................................73
3.3.3.3 Ámbito del Sistema. ........................................................................................................................74
3.3.3.4 La gestión administrativa de la aplicación web. .............................................................................74
3.3.3.5 Diseño aplicación web: ..................................................................................................................74
3.3.4.
Funciones del sistema. ............................................................................................................81
3.3.5.
Gestión de Proyectos. .............................................................................................................81
3.3.6.
Gestión Administrativa............................................................................................................81
3.3.7.
Atención a las organizaciones sociales. ..................................................................................82
3.3.8.
Seguimiento de “SAOM”. ........................................................................................................82
3.3.9.
Funciones y características de “SAOM”. .................................................................................82
3.3.10.
Restricciones. ..........................................................................................................................83
3.3.11.
Suposiciones y Dependencias. ................................................................................................84
3.3.11.1 Suposiciones..................................................................................................................................84
3.3.11.2 Dependencias. ..............................................................................................................................84
3.4.
Diseño del Programa ...................................................................................................................84
3.4.1.
Selección del proceso desarrollo de Software. .......................................................................84
3.4.2.
Interfaces Software. ................................................................................................................85
3.4.3.
Comunicación de la aplicación web. .......................................................................................85
3.4.4.
Sistema Operativo ...................................................................................................................85
3.4.5.
Lenguaje de Programación......................................................................................................85
3.5.
3.5.1.
Diseño de Base de Datos. ............................................................................................................86
Diagrama entidad relación. .....................................................................................................87
3.5.1.1
Cuadro de relaciones ..................................................................................................................87
3.5.1.2
Desarrollo de las tablas. ..............................................................................................................87
3.6.
Codificación. ................................................................................................................................89
3.6.1.
Script base de datos. ...............................................................................................................89
3.6.2.
Desarrollo de la Aplicación Web .............................................................................................94
3.6.3.
Atributos de calidad que pueden observarse durante la ejecución del software ..................94
3.6.3.1.
Menú Pre-registro. .................................................................................................................95
3.6.4.
Implementación. .....................................................................................................................98
3.6.5.
Mantenimiento. ......................................................................................................................98
3.6.6.
Presupuesto. ...........................................................................................................................99
3.6.7.
Gestión del Proyecto. ..............................................................................................................99
CONCLUSIONES. ........................................................................................................................................ 100
RECOMENDACIONES. ................................................................................................................................ 101
BIBLIOGRAFÍA.
Anexos
Anexos fotos
ÍNDICES DE GRÁFICOS.
Grafico 1.Dinámica del Proceso ..................................................................................................................13
Grafico 2. Web ............................................................................................................................................19
Grafico 3. (MVC) ..........................................................................................................................................21
Grafico 4. Esquema MVC ............................................................................................................................22
Grafico 5. Funcionamiento de MVC ............................................................................................................23
Grafico 6. Dreamweaver .............................................................................................................................24
Grafico 7. Base de Datos. ............................................................................................................................30
Grafico 8.Administración. ...........................................................................................................................36
Grafico 9. Niveles de la administración......................................................................................................38
Grafico 10. Sistematización de la Administración.......................................................................................40
Grafico 11. Gestión Documental .................................................................................................................42
Grafico 12. Organigrama Direcciones Distritales ........................................................................................47
ÍNDICE DE FIGURAS
Figura 1. Organizaciones sociales................................................................................................................53
Figura 2. Organizaciones sociales................................................................................................................54
Figura 3. Organizaciones sociales................................................................................................................55
Figura 4. Organizaciones sociales................................................................................................................56
Figura 5. Organizaciones sociales................................................................................................................57
Figura 6. Organizaciones sociales................................................................................................................58
Figura 7. Organizaciones sociales................................................................................................................59
Figura 8. Funcionarios del MIES ..................................................................................................................60
Figura 9. Funcionarios del MIES ..................................................................................................................61
Figura 10. Funcionarios del MIES ................................................................................................................62
Figura 11. Funcionarios del MIES ................................................................................................................63
Figura 12. Funcionarios del MIES ................................................................................................................64
Figura 13. Funcionarios del MIES ................................................................................................................65
Figura 14. Funcionarios del MIES ................................................................................................................66
Figura 15: Diagrama entidad relación 1 .....................................................................................................87
Figura 16: Script base de datos 1 ................................................................................................................93
Figura 17: Script base de datos 1 ................................................................................................................93
Figura 18: menú Mies 1 .................................................................................¡Error! Marcador no definido.
Figura 19: Aprobación y eliminación de organización 1 .............................................................................96
Figura 20: Administración de organización 1 ..............................................................................................96
Figura 21: Lista de organizaciones para directivas 1...................................................................................96
Figura 22: Lista socios de organizaciones 1 ................................................................................................97
Figura 23: proyectos con el Mies 1 .............................................................................................................97
Figura 24 Contactos y soporte técnico 1.....................................................................................................97
ÍNDICE DE CUADROS
Cuadro 1.Organizaciones sociales ...............................................................................................................53
Cuadro 2. Organizaciones sociales ..............................................................................................................54
Cuadro 3. Organizaciones sociales ..............................................................................................................55
Cuadro 4. Organizaciones sociales ..............................................................................................................56
Cuadro 5. Organizaciones sociales ..............................................................................................................57
Cuadro 6. Organizaciones sociales ..............................................................................................................58
Cuadro 7. Organizaciones sociales ..............................................................................................................59
Cuadro 8. Funcionarios del MIES ................................................................................................................60
Cuadro 9. Funcionarios del MIES ................................................................................................................61
Cuadro 10. Funcionarios del MIES ..............................................................................................................62
Cuadro 11. Funcionarios del MIES ..............................................................................................................63
Cuadro 12. Funcionarios del MIES ..............................................................................................................64
Cuadro 13. Funcionarios del MIES ..............................................................................................................65
Cuadro 14. Funcionarios del MIES ..............................................................................................................66
RESUMEN EJECUTIVO
El presente trabajo titulado, Aplicación Web MVC es para mejorar la gestión
Administrativa de las organizaciones del Mies Distrito uno, Cantón Guaranda. En vista
que en el Departamento Jurídico es responsable del proceso de organizaciones,
almacenan de forma manual la información de las organizaciones y la perdida era muy
frecuentemente, como también su deterioro por su manipulación, y por ser muy grande
la cantidad de información que se posesiva, era imposible a veces hacer algún
seguimiento a un proyecto. Como poder actualizar Directivas, Estatutos y poderles
remplazar por los nuevos, la confusión era muy evidente en cada proceso, como
poderse registrarse como miembros por primera vez.
Y por ello en basa en la necesidad existente de un ―Sistema automatizado de registro,
almacenamiento, control de las organizaciones para el Mies, se propone una Aplicación
Web MVC con‖ (SAOM) para mejorar la gestión Administrativa de las organizaciones.
Por lo cual la propuesta permite a la Dirección Distrital del Mies tener una mejor
atención a las organizaciones, como también tener una mayor accesibilidad a la
documentación que tiene el Mies, de esta manera
se podrá hacer más rápita su
búsqueda y almacenamiento teniendo una mayor agilidad en los tramites.
Partiendo de la introducción de datos personales de la organización, su representante,
su razón social, número de socios y escaneo del acta constitutiva de la organización
para una toma de decisiones del Director del Mies como también que permita identificar
rápidamente a las organizaciones a los funcionarios y poder sacar información de sus
registros de las organizaciones. Será de importante contribución a la sociedad en la
parte administrativa, de gestión y especialmente en la Distrital de Mies por tener los
elementos de la navegación como el almacenamiento permitiendo un acceso fácil,
rápido, eficaz en su manipulación y manejo.
Mediante el Modelo Vista y Controlador, se propone trabajar con usuarios internos
como con usuarios externos que serán las organizaciones y los que se quieren crear,
ya que el MVC permitirá por medio de su arquitectura se separa los datos y la lógica
del manejo de la aplicación, permitiendo esa interrelación con los usuarios y el sistema,
esto permitirá afirmar más el sentido común de comunicación y de retroalimentación
del sistema.
SUMARY
This work entitled, MVC Web application is to improve the management organizations
of the Mies district administrative one, Guaranda Canton. In view that the Legal
Department is responsible for the process of organizations, stored manually information
of organizations and the loss was very often, as also its deterioration by handling, and
the amount of information to be very large is possessive, it was impossible sometimes
to do a follow-up to a project, As you can update policies, statutes and to replace with
new ones, the confusion was evident in each process, as being able to register as a
member for the first time.
And for this reason is based on the existing need of an "automated system of
registration, storage and control of organizations for the harvest, proposes an MVC
Web application with" (SAOM) to improve the administrative management of the
organizations. By the proposal allowing the district direction of the harvest have a better
attention to the organizations, as also having a greater accessibility to the
documentation which has the harvest, thus will be more rapita search and storage
taking greater agility in the paperwork.
Based on the introduction of personal data of the organization, its representative, its
name, number of partners and scan charter of the organization for a decision of the
Director of MIES as enabling organizations to quickly identify the officials and can draw
information from their records of organizations. It will be an important contribution to
society on the administrative, management and especially in the District of MIES to
have the elements of navigation and storage allowing easy, fast, effective in handling
and managing access.
The proposal allowing to address through the model, view and controller, intends to
work with internal users as with external users are organizations and those who want to
create, since the MVC will allow through its architecture separates the data and the
logic of the management of the application, enabling that interrelation with the users
and the system This will allow more affirming common sense of communication and
feedback of the system.
INTRODUCCIÓN
ANTECEDENTES DE LA INVESTIGACIÓN
Mediante Decreto Ejecutivo Nº. 580 publicado en el Suplemento del Registro Oficial Nº.
158 de 29 de agosto de 2007, el Ministerio de Bienestar Social, pasó a denominarse
Ministerio de Inclusión Económica y Social, que tiene como misión desarrollar planes,
programas y proyectos de atención de calidad a la población vulnerable y en riesgo.
El Mies, busca garantizar el derecho de las y los ciudadanos a la libre asociación,
través de: La constitución jurídica de las organizaciones sociales, La reforma de
estatutos de las organizaciones sociales, El registro de los miembros del directiva, El
registro de ingreso y salida de socios, la supervisión y control de las organizaciones.
El Registro de Organizaciones Sociales va dirigido a personas naturales, jurídicas ya
constituidas, que se encuentren en condiciones para constituir corporaciones y
fundaciones con finalidad social y sin fines de lucro.
En la actualidad hablar de una Aplicación Web MVC, ya no es un tabú, se ha
transformado en una necesidad para aplicarla en todos los ámbitos y así poder llegar
de mejor manera al usuario, cliente, organizaciones sociales, empresas públicas o
privadas, mejorando su gestión administrativa a la hora de entregar una información o
revisarla muy rápidamente, agilitando tiempos y calidad en el servicio. Hoy en día
podemos decir que gran parte de la gente da por hecho que si no encontramos algo en
la red no existe. Por ello, internet no es sólo una oportunidad, es casi un requerimiento
para que determinada información pueda ser conocida, localizada y hasta editada a
través de su sitio web dado el alcance y enorme número de usuarios que tiene y que
diariamente se van incrementando.
La tecnología en el Ecuador está atravesando un gran cambio, dentro de ello la
facilidad del ingreso al internet, que podemos evidenciarlo en las cifras oficiales de la
Superintendencia de Telecomunicaciones (Suptel), que es el organismo del estado
ecuatoriano encargado de regular y controlar las telecomunicaciones en el país,
1
mantiene una estadística elaborada a partir de datos proporcionados por los
proveedores de Internet, que dice que al 31 de Marzo de 2011. Existían en el Ecuador
En el 2013, el 43,6% de las personas de Ecuador utilizaron computadora, 6,1 puntos
más que en el 2010. En el área rural el incremento es de 8,4 puntos más que en el
2010 (http://www.ecuadorencifras.gob.ec). Los Ministerios en el Ecuador están en
proceso de desarrollado de tecnologías como páginas que ayuden en la gestión de una
institución, control de sus procesos y seguimientos bajo la influencia de la tecnología.
En el área Jurídica del Ministerio de Inclusión Económica y Social, Distrito Uno al
manejar procesos manuales respecto a la documentación e información derivada de
las organizaciones sociales se suscitan ciertos inconvenientes en cuanto al personal
responsable y la ubicación rápida requerida como también al hacer el seguimiento se
hace complicado cumplir esta actividad eficientemente.
Planteamiento del Problema
La Dirección Distrital de Ministerio de Inclusión Económica y Social actualmente posee
la información en forma desordenada, en cartones, por el piso, tampoco cuenta con el
levantamiento de información de todas las organizaciones que permita ver, manipular,
actualizar, registrar a las diversas organizaciones que actualmente existen, las que se
necesitan crearse. La
oficina del Departamento Jurídico, está provista de dos
computadoras y el espacio físico que constituye un lugar donde se atiende y también
funciona como bodega de almacenamiento de la documentación de las organizaciones
existentes.
La dificultad que se ha detectado en este departamento es la mala manipulación de los
documentos siendo el mayor reto del momento, ya que la forma más cómoda para el
funcionario público es recibir, revisar y acumular en cartones y sacos dando lugar a la
manipulación constante a la que se encuentra expuesta la documentación física
original lo que conlleva a la destrucción paulatina de las mismas y a la exposición de
potenciales pérdidas.
Adicionalmente la demanda y el requerimiento por parte de los jefes inmediatos para
acceder a una determinada documentación e información desde cualquier computador
2
mediante algún programa o aplicación, se ve restringida y esto genera inconvenientes
en cuanto al manejo de los diferentes proyectos con las organizaciones dado que se
torna compleja la ubicación de documentos, información y datos de las organizaciones
de acuerdo a su razón social y lugar donde se encuentra, lo que imposibilita la
planificación y desarrollo de proyectos productivos.
Frente a estos inconvenientes suscitados en varias administraciones los que pierden
siempre serán los usuarios, de la misma manera los funcionarios que dan la atención
imposibilitados de atender inmediatamente por no tener una logística:
Por existir un gran porcentaje de archivos e información que son manipulados
físicamente de manera constante exponiéndolos a un deterioro acelerado y por
consiguiente la pérdida de los expedientes originales y al contar con una base
de datos accesible y orientada a usuarios específicos se contrarresta esta
problemática.
La poca atención dada a las organizaciones como poder hacer un pre – registro
desde la web para crear una organización eliminando los viajes excesivos a la
gente del campo.
No sé a realizado controles de organizaciones que si están trabajando
contantemente con el Mies para medir su participación y los dineros trasladados
por gamos.
La pequeña formación al personal para que pueda dar información desde la red
almacenada y permita al usuario ver el estado de cada organización registrada.
Formulación del Problema
¿Cómo mejorar la Gestión Administrativa de las organizaciones del Ministerio de
Inclusión Económica y Social (MIES), Distrito Uno, Provincia de Bolívar?
3
Delimitación del Problema
La presente investigación se realizará en el Departamento Jurídico, de la Dirección
Distrital del Ministerio de Inclusión Económica y Social perteneciente al cantón,
Guaranda, provincia Bolívar.
Objeto de Estudio, Campo de Acción
Objeto de Estudio
Desarrollo de Software.
Campo de Acción
Aplicación web MVC.
Línea de Investigación
Desarrollo de Software y Programación de Sistemas
Objetivo General
Implementar
una aplicación web MVC para el mejoramiento de la gestión
administrativa de las organizaciones del Ministerio de Inclusión Económica y
Social (MIES) Distrito Uno, cantón Guaranda, provincia Bolívar
Objetivos Específicos
Determinar los referentes teóricos para el diseño de la aplicación web MVC y las
organizaciones sociales.
Realizar una investigación de campo sobre la gestión administrativa del MIES,
Distrito uno.
4
Desarrollo de una aplicación web MVC para mejorar la gestión administrativa en el
MIES.
Validar la propuesta en base a criterios de expertos.
Idea a Defender
Con la implementación de la aplicación web ―Sistema automatizado de organizaciones
Mies‖ (SAOM), basada en la arquitectura de Modelo, Vista y Controlador (MVC) se
mejorará de manera sustancial la gestión administrativa de las organizaciones del
MIES, Distrito uno, cantón Guaranda, provincia Bolívar, a través de la adecuada
accesibilidad,
manejo,
registro,
control
y
procesamiento
de
datos
íntegros
suministrados desde las bases de datos levantadas y contenidas en el mencionado
sistema que permitirá conocer la documentación de cada organización existente y
registrada en la institución.
Es muy importante no tener la necesidad de estar dentro de la oficina para revisar la
información, considerando que por medio del internet lo podrá revisar desde cualquier
punto y de esta manera permitirá movilidad y eficiencia de trabajo en la gestión
administrativa, mejorando un cien por ciento su desempeño.
Justificación
El gran avance en tecnología que se ha presentado en estos últimos años en el país,
como resultado del desarrollo de la ciencia y tecnología llevado de la mano de las
Universidad que busca la excelencia en investigación se ha podido obtener
aplicaciones para realizar diferentes tareas, de esta forma se ha evidenciado el
desarrollo de las TIC´S en el sector público y privado.
5
Es por ello que la aplicación web Modelo Vista y Controlador constituye una
herramienta tecnológica propicia para el manejo de información mediante MCV, que
incluye la digitalización, ordenamiento de documentos, manipulación de los mismos,
actualizaciones por parte de personal autorizado a través de las seguridades del caso
como la asignación de claves de acceso permitiendo obtener mayor agilidad en el
despacho de documentos, ahorro de tiempo y recursos.
De la misma manera las organizaciones que son parte del Mies a registrase vía web
por primera vez, como también un registro de actividades de las organizaciones que ya
trabajan en convenios con el Mies, de esta manera ser atendidas con prontitud sus
solicitudes. Con una base de datos en la web, se podrá realizar capacitaciones en lo
referente a su organización con otras organizaciones afines.
El Mies se maneja bajo un trabajo social, esta relación permite que los usuarios estén
en constante correspondencia en el territorio, lleguen a realizar capacitaciones o
acuerdos de cooperación para algunas organizaciones y la gente necesita muchos de
sus servicios para poder emprender un negocio en algunos casos y los otros adquieren
más conocimientos sobre la actividad que desarrollan
Metodología de Investigación
La investigación es realizada bajo la metodología cualitativa, en la que se analizado
las diferentes realidades del manejo de la información de la Dirección Distrital del Mies
donde se propone contribuir con las diferentes soluciones en la aplicación web
―Sistema automatizado de organizaciones Mies‖ (SAOM).
Técnicas e Instrumentos.
Para realizar la investigación necesitamos utilizar
las diferentes técnicas y
herramientas.
Encuesta.
La encuesta es una técnica de adquisición de información de interés
sociológico, mediante un cuestionario previamente elaborado, a través del cual se
6
puede conocer la opinión o valoración del sujeto seleccionado en una muestra sobre un
asunto dado.
Entrevista. La entrevista es una técnica de recopilación de información mediante una
conversación profesional, con la que además de adquirirse información acerca de lo
que se investiga, tiene importancia desde el punto de vista educativo; los resultados a
lograr en la misión dependen en gran medida del nivel de comunicación entre el
investigador y los participantes en la misma.
Observación. Es una técnica que consiste en observar atentamente el fenómeno,
hecho
o
caso,
tomar información
y registrarla
para
su
posterior análisis.
La observación es un elemento fundamental de todo proceso investigativo; en ella se
apoya el investigador para obtener el mayor número de datos. Gran parte del acervo de
conocimientos que constituye la ciencia ha sido lograda mediante la observación.
Cuestionario.
El cuestionario es un instrumento básico de la observación en la
encuesta y en la entrevista. En el cuestionario se formula una serie de preguntas que
permiten medir una o más variables. Posibilita observar los hechos a través de la
valoración que hace de los mismos el encuestado o entrevistado, limitándose la
investigación a las valoraciones subjetivas de éste.
Guía de observación. Se conoce como guía a aquello que dirige o encamina. El
término, de acuerdo al contexto, puede utilizarse de diversas maneras: una guía es un
tratado que indica preceptos para dirigir cosas. Una lista impresa de datos sobre una
materia específica; o una persona que enseña a otra un determinado camino, entre
otras posibilidades.
Resumen de la Estructura de la Tesis
En la parte esencial de la tesis el problema científico, respaldado en los antecedentes
que permitieron la construcción de la Aplicación web MVC ―Sistema automatizado de
organizaciones Mies‖ (SAOM) para mejorar la Gestión Administrativa de las
organizaciones del mies distrito uno cantón Guaranda Provincia Bolívar‖.
7
En el capítulo I. La parte científica ha servido para buscar información de
libros, revistas, direcciones electrónicas, repositorios digitales, etc. y que ha
contribuido a la construcción del Marco teórico sustentado de mejor manera
partiendo desde el internet, aplicaciones web, MVC, gestión administración etc.
que fortalece el problema a resolver en la institución.
En el capítulo II, Para entender el contexto de la administración en el Mies
Guaranda, en referencia a la gestión, procesos administrativos, se ha detallado
como plan estratégico, desarrollo institucional, autores principales, Planificación
Estratégica y más información proporcionado por los funcionarios y las
organizaciones que de manera concisa explican la importancia en relación entre
las mismas y de esa manera dar una solución a los procesos que se van
encaminar al mejoramiento de la institución del Mies.
El capítulo III. siguiendo los lineamientos de investigación requerida por la
Universidad Regional Autónoma de los Andes, para el diseño de la aplicación
web ―Sistema automatizado de organizaciones Mies‖ (SAOM) dirigido a las
organizaciones del Mies. Se ha presentado el siguiente trabajo con toda la
programación y los requerimientos máximos exigidos por el diseño, como
también lo que necesita la Institución para atender a una población que necesita
de su ayuda.
Novedad, Aporte Teórico y Significancia Práctica.
Aporte teórico.
El trabajo investigativo es factible desde el punto de vista técnico, teórico, practico ya
que está basado directamente de la realidad y el problema objeto estudio, para el
departamento donde están los registros de organizaciones sociales y se maneja los
proyectos. Hasta llegar a la formulación de una propuesta que es la solución a la
problemática mediante la aplicación web ―Sistema automatizado de organizaciones
Mies‖ (SAOM)
8
Los componentes
necesarios que son parte de la aplicación web ―Sistema
automatizado de organizaciones Mies‖ (SAOM) para las organizaciones, son el
producto de necesidades, versus estudios, dando de esa manera una respuesta
necesaria que permitan la interacción y más factibilidad tanto a funcionarios como
usuarios en la verificación, aprobación y control de los procesos que maneja alrededor
de una organización.
Significación Práctica
La ejecución de la aplicación web ―Sistema automatizado de organizaciones Mies‖
(SAOM) lograra optimizar todos los procesos organizativos que maneja el Mies desde
poder revisar su documentación desde cualquier lugar mediante la web, permitiendo
registrarse para crear una organización nueva, poder crear una organización de
segundo grado, hasta hacer un seguimientos a los proyectos aprobados y dineros
desembolsados. Los avances tecnológicos, de seguridad
y necesidades que han
tenido durante muchos años, problemas que no han permitido un trámite rápido, como
control y seguimiento de las mismas. Nos basamos las nuevas tecnologías en
evolución.
Novedad Científica
El Modelo Vista y Controlador es muy indispensable en el trabajo ya que es para
reducir el esfuerzo de programación necesario en la implementación del ―Sistema
automatizado de organizaciones Mies‖ (SAOM), sincronizados los requerimientos
mínimos de los datos como registrarse, crear una organización nueva, poder crear una
organización de segundo grado, hasta hacer un seguimientos a los proyectos que
trabajan con el Mies mediante la tecnología y el internet. El MVC se tratan como
entidades separadas; esto hace que cualquier cambio producido en el Modelo se
refleje automáticamente en cada una de las Vistas de la página que tiene la aplicación
diseñado a las necesidades de los usuario, el modelo de arquitectura se puede
emplear en sistemas de representación gráfica de datos. La arquitectura MVC en su
forma más general. Hay un Modelo, múltiples Controladores que manipulan ese
Modelo, y hay varias Vistas de los datos del Modelo, que cambian cuando cambia el
estado de ese Modelo. Existiendo la relación directa con cada uno.
9
CAPITULO I
1
1.1.
MARCO TEÓRICO
La Historia del Internet
¿De dónde viene el internet? En la segunda mitad de los años 60 y de forma
independiente se había creado en Estados Unidos varios redes de ordenadores de
forma independiente entre Universidades, oficinas militares y centros de investigación.
Una persona que deseara acceder a todas ellas necesitaba una terminal distinta para
cada una, lo que en una época en la que había pocos ordenadores que no ocuparan
varios metros cúbicos era todo un problema.
Así se desarrolló ARPANET, un proyecto financiado por el
organismo ARPA del
Departamento de defensa de los EEUU para unir las distintas redes independientes
encabezadas por los principales investigadores en telecomunicaciones que además
fuera excepcionalmente resistente a caídas del servicio, esto es, que si un punto de las
comunicaciones fallara, no arrastrara al resto. Esto fue posible al enrutamiento
dinámico: si un nodo (un ordenador o un dispositivo de red) es desconectado, el tráfico
se puede redirigir de forma que la totalidad de las red no se vea comprometida por este
fallo; tecnología que aún perdura y es la más usada en redes de ordenadores.
En 1969 se conecta tres ordenadores en california con un de Utah, los primeros cuatro
de ARPANET. A un ritmo de un nodo por mes, en 1971 cuenta con 14 nodos, en 1973,
la red se extiende a Noruega y Reino Unido vía Satelital. Pronto, dentro de la propia
red empiezan a aparecer información no necesariamente relacionada con la
investigación militar hasta tal punto que es necesario dividir ARPANET en dos: MILNET
para la información militar y la propia ARPANET de un tamaño mucho mayor para el
resto de temáticas. (Sanchez, 2014)
Internet ha revolucionado la informática y las comunicaciones como ninguna otra cosa.
La invención del telégrafo, el teléfono, la radio y el ordenador sentó las bases para esta
integración de funcionalidades sin precedentes. Internet es a la vez una herramienta de
emisión mundial, un mecanismo para diseminar información y un medio para la
10
colaboración y la interacción entre personas y sus ordenadores, sin tener en cuenta su
ubicación geográfica.
Internet representa uno de los ejemplos más exitosos de los beneficios de una
inversión y un compromiso continuos en el campo de la investigación y el desarrollo de
la infraestructura de la información. Desde las primeras investigaciones en
conmutación de paquetes, el Gobierno, la Industria y la Academia se han asociado
como artífices de la evolución e implementación de esta apasionante nueva tecnología
(Kahn, mayo de 1974.)
Desde la perspectiva de un usuario, puede ser difícil percibir la diferencia entre un sitio
web y una aplicación web. Según el Diccionario Oxford en línea, nos enteramos que
una aplicación es "un programa o conjunto de programas para ayudar al usuario de un
ordenador para procesar una tarea específica". es básicamente una manera de facilitar
el logro de una tarea específica... en la Web, a diferencia de un sitio web estático que
es más bien una herramienta. No menos importante, para la comunicación. El término
más decisivo de esta definición es "tarea específica". por lo tanto permite al usuario
interactuar directamente, todo en forma personalizada, para llevar a cabo esa tarea
específica. (GLASS, 2013)
1.1.1
Definición de internet.
El Internet es un: ―Conjunto descentralizado de redes de comunicación interconectadas
que utilizan la familia de protocolos TCP/IP, lo cual garantiza que las redes físicas
heterogéneas que la componen funcionen como una red lógica única‖. (ALVAREZ,
2014)
Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide
Web (WWW o la Web), a tal punto que es habitual la confusión entre ambos términos.
La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta
remota de archivos de hipertexto. Esta fue un desarrollo posterior (1990) y utiliza
Internet como medio de transmisión. (Castillo, 2014)
11
1.1.2
Funcionamiento del Internet
El internet también conocido como la red, supone un excelente medio para obtener
información de los más variados temas a cualquier hora del día y sin necesidad de
moverse de casa. Así, se pueden conocer las noticias de última hora, ver el tráiler del
próximo estreno de cine, visitar lugares lejanos, reservar los billetes de avión para las
vacaciones, contactar con personas de todo el mundo o comprar cualquier cosa que a
uno se le pueda ocurrir.
Esto se debe a que la información disponible en Internet es casi ilimitada, y aumenta
día a día. Las empresas vieron en la red primero un medio para anunciarse y,
actualmente, una vía para atender a sus clientes y ofrecer sus productos. Muchas
instituciones públicas y privadas la utilizan para dar a conocer sus actividades y
publicar datos de interés general o de un tema específico. Y los particulares disponen
de un número creciente de servicios accesibles a través de Internet. (Romano, 2015)
Las principales características de las redes de ordenadores, los protocolos de
comunicaciones, los medios de transmisión, los distintos dispositivos de interconexión
(hubs, switches, routers...), las redes de área local, las redes inalámbricas (Wi-Fi, WiMax, Zigbee...), las redes privadas de datos, el funcionamiento de Internet, las distintas
tecnologías de acceso (ADSL, fibra óptica, LMDS, PLC...).
Los servicios clásicos y los nuevos servicios avanzados ofrecidos por Internet, la
seguridad en las redes de ordenadores y los fundamentos de la criptografía, entre otros
temas y aplicaciones que se han venido popularizando en estos últimos años: Voz IP,
televisión y streaming de vídeo por Internet, servicios basados en la movilidad o el
destacado papel de las redes sociales (Facebook, LinkedIn, Twitter...).
El objetivo ha sido acercar los conocimientos técnicos necesarios y ofrecer una
panorámica actualizada de las distintas tecnologías disponibles en el mercado,
valorando las ventajas e inconvenientes de cada una de ellas, así como su posible
interés y aplicación tanto a nivel personal como profesional o empresarial. (Álvaro
Gómez Vieites, 2011)
12
Grafico 1.Dinámica del Proceso
Fuente: http://www.lapatria.com/tecnologia/la-nube-para-guardar-sus-datos-en-internet-33202
1.1.3
Características del internet.
El internet está compuesto por diferentes tipos de espacios que ofrecen distintos
servicios a los usuarios. Así, los servicios más usados son:
e-mail: es un servicio de correspondencia. A través de una cuenta o buzón de correo
se puede enviar o recibir documentos, gráficos, videos o sonido, de manera sencilla y
rápida. Es también una dirección electrónica que sirve para enviar o recibir correo
desde cualquier parte del mundo.
FTP: es la herramienta utilizada para transferir archivos de una maquina a otra a través
de internet. Los sitios FTP (File Transfer Protocol- Protocolo de Transferencia de
Archivos) son los lugares desde los que podemos descargar o enviara archivos.
Muchos de los archivos que se pueden descargar están en disponibles en la web.
Telnet: permite a un usuario acceder a una maquina remota y manejarla como si
estuviese sentado delante de ella. Solo permite consultar datos, puesto no se puede
descargar ningún documento (eso se hace con TFP). Es el sistema empleado, por
ejemplo, para ver los fondos de una biblioteca (podemos saber qué libro tiene, pero no
podemos ver ningún libro concreto)
13
WWW: este servicio (llamado popularmente la Web) permite al usuario acceder a gran
cantidad de información y a distintos tipos de documentos de manera sencilla. Se llama
gran tela de araña (World Wide WEb) y es la herramienta más utilizada en internet.
Chat o IRC (Internet Relay Channel): es un servicio mediante el cual los usuarios
establecen comunicación en tiempo real, que puede ser privada o entre un grupo de
personas. Los medios de comunicación pueden ser el teclado, el audio y el video.
Servicio de telefonía: permite establecer una conexión con voz entre dos personas
conectadas a internet desde cualquier parte del mundo, sin tener que pagar el costo de
una llamada internacional. Algunos de estos servicios incorporan no solo voz, sino
también imagen; en este caso se llama videoconferencia. (Martin J. R., 2011)
1.1.4
Virus informático.
Un virus informático es un programa cuyo objetivo es alterar el funcionamiento del
ordenador
(borra ficheros, resetear el equipo…) permaneciendo
―oculto‖ para el
usuario. Estos programas disponen de mecanismos para propagarse de un ordenador
a otro (podríamos decir que ―se reproducen‖); esta propagación que era forzosamente
lenta hace algunos años, se ha visto muy facilitada por el uso masivo de internet que
permite a los virus difundirse por todo el mundo a través de mensajes de correo
electrónico, descargas de páginas web,… siempre sin que los usuarios sean
conscientes de ello.
Además de los virus existen otros tipos de programas ―Malintencionados‖;
Gusanos: se limitan a ―reproducirse‖ tan rápidamente como pueden, con lo que
pueden hacer que nuestra red se colapse, pero no intentan realizar ninguna otra
actividad perjudicial.
Troyanos: no perjudica al ordenador, pero actúan como ―espías‖ dentro del
mismo, por ejemplo capturando las claves que tecleamos (para abrir el correo…
o para usar nuestras tarjetas de crédito) y enviándoles a otro equipo. (Martin J.
L., 2015)
14
1.1.5
Un navegador.
Los navegadores tienen la responsabilidad de interpretar las reglas de presentación tal
como ellas las entienden. El lenguaje HTML describe el contenido, pero no la
presentación. Además, las páginas incluyen código JavaScript y estilos CSS, que
diferente en su interpretación en función del navegador.
El servidor ASP.NET 2.0 ha introducido otro cambio: desaparece la noción de esquema
de navegador de destino (Netscape 3, 4, 5, IE 3, 4, 5 +) es cierto que esta directiva no
ha podido estar a la par con la evolución de los navegadores, sin contar con la
aparición de otros dispositivos de navegación. En su lugar los sitios web ASP.NET
posee una carpeta APP_Browers que considera las características de cada navegador.
Este aspecto se estudiara cuando aparezcan los componentes personalizados. A
ciertos navegadores y programas JavaScript que intervienen en el DOM ue no sean
compatibles con la norma XHTML, el servidor de aplicaciones puede configurarse para
utilizar el modo HTML, transicional. La directiva se ubica en el archivo Web.config.
(Guerin, 2013)
1.1.6
Una red social.
Hoy en día, las empresas y los trabajadores disponen de un nuevo espacio de
encuentro, eso sí, virtual, las redes sociales profesionales están a la cabeza en el
proceso de búsqueda de empleo.
En primer lugar, conviene distinguir entre redes sociales (Facebook, MySpace,) y redes
profesionales. Las primeras están orientadas principalmente a la comunicación entre
amigos y familiares, mientras que las segundas (Linkedin, Xing) están orientadas a la
comunicación profesional. Los objetivos de la red profesionales marcan claramente la
diferencia respecto de las redes sociales. Mientras los fines de las redes sociales
están centrados en el ámbito privado, las plataformas de carácter profesional están
orientadas a la gestión de la carrera laboral.
15
No se trata de buscar la red más numerosa y con más variedad de usuarios, más vale
tener pocos contactos buenos y útiles. En las redes espacialmente en las profesionales
la imagen es importante y también lo son los contenidos, por lo que debemos ser muy
cuidadosos y prudentes tanto en aquellos que publicamos y escribimos como en la
forma de hacerlo. (Gonzalez, 2015)
1.2.
Definición de Aplicación Web.
En la ingeniería de software se denomina aplicación web aquellas herramientas que
los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de
una intranet mediante un navegador. 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. (Villoria, 2009)
1.2.1. Estructura de las Aplicaciones web.
Una aplicación web, actual, está compuesta habitualmente de tres partes principales:
La parte pública o cliente, también conocida como Frontend. La parte de servidor,
conocida como Backend y el almacenamiento de datos, o Base de Datos.
La base de datos se encarga de almacenar toda la información de nuestra aplicación.
Usuarios, datos relativos a nuestra aplicación, etc… esta base de datos se comunica
con el Backend, el cual se encarga de controlar la seguridad, el procesamiento de
datos, la autorización y por ultimo al Frontend es la parte que se ejecuta en el
navegador del usuario final, se encarga de mostrar la información de un manera
atractiva y comunicarse en el Backend para la creación de datos y visualizarlos. En una
aplicación web moderna.
La comunicación se realiza de manera asíncrona con JavaScrip (AJAX) utilizando el
formato del documento para enviar y recibir datos desde Backend por medio de una
API REST. (Azaustre, 2015)
16
1.2.2. Características de las aplicaciones web.
El usuario puede acceder fácilmente a estas aplicaciones empleando un navegador
web (cliente) o similar. Si es por internet, el usuario puede entrar desde cualquier lugar
del mundo donde tenga un acceso a internet. Pueden existir miles de usuarios pero
una única aplicación instalada en un servidor, por lo tanto se puede actualizar y
mantener una única aplicación y todos sus usuarios veran los resultados
inmediatamente.
Emplean tecnologías como Java, JavaFX, JavaScript, DHTML, Flash, Ajax... que dan
gran potencia a la interfaz de usuario. Emplean tecnologías que permiten una
gran portabilidad entre
diferentes plataformas.
Por
ejemplo,
una
aplicación
web flash podría ejecutarse en un dispositivo móvil, en una computadora con Windows,
Linux u otro sistema, en una consola de videojuegos. (ALEGSA.com.ar, 2010)
Las empresas obvian un aspecto fundamental como es la parte del diseño y las
características que su sitio web debe cumplir para ser totalmente funcional. Por
ejemplo, en el caso de un contenido de calidad, este puede quedar desmejorado
debido a un diseño poco atractivo. O también, la falta de interactividad y animación en
una web, puede generar abandonos si el texto de la web es demasiado intenso y
monótono. Hemos decidido dedicar este post, a citar una serie de características que
consideramos de vital importancia a la hora de desarrollar un sitio web:
1. Contenidos de utilidad. La temática y las búsquedas deben ir acordes con el usuario
final, si no, lo más seguro es que el visitante abandone la página rápidamente.
2. Debe ser intuitivo. Hacer fácil la navegación genera que las visitas consigan
fácilmente su objetivo. Además, evita abandonos en tu página web.
3. Diseño atractivo. Dicen que una imagen vale más que mil palabras. En una web, una
primera impresión cuenta, ya que representa nuestro negocio, e incluso a nosotros
mismos. Si a un usuario no le gusta lo que ve, o no le genera confianza, lo más
probable es que abandone el sitio web, en muchos casos sin tan siquiera tener en
17
cuenta el contenido. Por lo cual un buen diseño genera confianza, seriedad y muy
buena impresión.
4. Contenido bien estructurado. Un desglose del contenido claro y sencillo, bien
explicado, tiene el éxito asegurado. La importancia de una estructura clara y objetiva
es lo que mantendrá a tu usuario conectado. Recuerda que una información siempre
debe ser concisa y sencilla.
5. Importancia de la velocidad de la web. Las páginas que tardan en mucho en cargar
son un problema. Para todos, nuestro tiempo vale oro, y lo que más fastidia a
cualquier persona es tener que esperar. El índex de una página web debe tener una
carga rápida, si no, muchos usuarios abandonarán la navegación sin dar una
oportunidad de ver el sitio, aunque su contenido pueda resultarles de utilidad.
6. Difusión del sitio web. Hay muchas empresas que piensan que con tener una web ya
está todo el trabajo hecho. Pues no, ni mucho menos. Detrás de una web hay
muchísimo trabajo que hacer para darnos a conocer a nuevos usuarios. En primer
lugar, si tu sitio es nuevo es muy difícil aparecer en los primeros puestos de los
buscadores. (marketiweb.com, 2014)
1.2.3. Ventajas de la web.
Software legal: No hay que preocuparse por licencia alguna. Disponibles desde
cualquier lugar. Multiplataforma, funcionan independientemente del sistema operativo
que se use e incluso se puede acceder desde cualquier dispositivo. Siempre
actualizado: El servicio se encarga de las actualizaciones del software. Menor
requerimiento de hardware:
Sólo se necesita poder utilizar un navegador. Colaboración: Pueden trabajar varias
personas a la vez y desde diferentes lugares del mundo. Se necesita tener la
capacidad de selección de información. A pesar del auge que ha tenido el uso del
Internet, aún existen escuelas, personas o poblaciones que no cuentan con conexión a
la red. Debe haber capacitación para el manejo de todas las herramientas que ofrece la
web 2.0.
18
Grafico 2. Web
Fuente: http://teamurse.wikispaces.com/Ventajas+y+Desventajas+de+la+web+2.0
1.2.4. Desventajas de la Web.
Información privada a terceros: Generalmente no se sabe en manos de quién caen los
datos ni qué uso se va a hacer de ellos. Cambios en las condiciones del
servicio: Puede que el servicio sea gratis hoy y mañana no. Copias de seguridad: Si
bien es posible que tengan mejores copias de los datos nuestros, nadie lo garantiza. Lo
que está claro es que otorgan multitud de beneficios y seguro que tendrán más o
menos desventajas, pero eso ya está en la decisión de cada uno y el uso que las
quiera dar. (Web, 2013)
1.3.
El Patrón MVC.
EL Modelo Vista Controlador (MVC) es un patrón de arquitectura de software que
separa los datos y la lógica de negocio de una aplicación de la interfaz de usuario y el
modulo encargado de gestionar los eventos y las comunicaciones. Par ello MVC
propone la construcción de tres componentes para la presentación de la información, y
por otro lado para la interacción del usuario. Este patrón de diseño se basa en las ideas
19
de reutilización de código y la separación de conceptos, características que buscan la
tarea de desarrollo de aplicación y su posterior mantenimiento.
El patrón MVC fue una de las primeras ideas en el campo de las interfaz graficas de
usuario y uno de los primeros trabajos en describir e implementar aplicaciones software
en términos de sus diferentes funciones. MVC introducido por Trygve Reenskaug en
Smalltalk – 76 durante su vista a Xerox Parc en los años 70 y, seguidamente, en los
años 80, Jim Althoff y otros implementaron una versión de MVC. Se definía como ―el
modulo que se ocupa de la entrada‖ (de formas similar a como la vista‖ se ocupa de la
salida). El controlador en las aplicaciones modernas de la década 2000, es un módulo
o una sección intermedia de código, que hace de intermediario de la comunicación
entre el modelo y la vista, y unifica la validación (utilizando llamadas directas o el
observar para desacoplar el modelo de la vista en el modelo activo). (Muñoz, El nuevo
PHP. Conceptos avanzados., 2013)
1.3.1. Orígenes del Modelo Vista Controlador
El Modelo Vista y controlador fue unas de las primeras ideas en el campo de las
interfaces graficas de usuarios y uno de los primeros trabajos en describir e
implementar aplicaciones software en términos de sus diferentes funciones.
MVC fue introducido por Trygve Reenskaug en Smalltalk- 76 durante una visita a Xerox
Parc en los años 70 y, seguidamente, en los años 80, Jim Althoff y otros implementaron
una versión de MVC para la biblioteca de clases de Smalltalk-80, solo más tarde, en
1988, MVC se expresó como un concepto general en un artículo. En esta primera
definición el MVC, el controlador se definía como ―el modulo que se ocupa de la
entrada‖ (de similar a como la vista ―se ocupa de la salida‖) en esta definición no tiene
cabida en las modernas en las que esta funcionalidad es asumida por una combinación
de ―Vista‖ y algún Framework moderno para desarrollo.
El ―controlador‖ en las aplicaciones modernas de la década de 2000, es un módulo o
una sección intermedia de código, que hace de intermediario de la comunicación entre
el Modelo y la Vista. (Muñoz, El nuevo PHP)
20
Grafico 3. (MVC)
Fuente: http://librosweb.es/libro/jobeet_1_4/capitulo_4/la_arquitectura_mvc.html
1.3.2. Características de modelo visto y controlador
La programación se puede simplificar si se utilizan otros patrones de diseño. De esta
forma, las capas de modelo, la vista y el controlador se pueden subdividir en capas:
La capa modelo se puede dividir en la capa de acceso a los datos y en la capa de
abstracción de la base de datos. De esta forma, las funciones que acceden a los datos
no utilizaran sentencias ni consultadas que depende de una base de datos sino que
utilizan otras funciones para realizar las consultas. Así, si se cambia el sistema gestor
de base de datos, solamente es necesario actualizar la capa de abstracción de la base
de datos.
La capa de la vista también puede aprovechar la separación de código. Las páginas
web suelen contener elementos que se muestran de forma idéntica a lo largo de toda la
aplicación: cabecera de la página, e pie de la página. Por este motivo, la vista
se
separa en un Layout y en una plantilla, la plantilla solo se encarga de visualizar las
variables definidas en el controlador. Para que estos componentes interaccionen entre
si correctamente. (Muñoz, El nuevo PHP)
21
Grafico 4. Esquema MVC
Fuente: http://blog.clavei.es/2012/que-aporta-mvc-al-desarrollo-de-aplicaciones-web/
1.3.3. Ventajas de utilizar el MVC
Una de las ventajas fundamentales que usar el Modelo Vista Controlador es que
convierte la aplicación en un modelo modular fácil de entender a simple vista y de
poder actualizar también. Al convertirlo en un modelo modular, se obtiene además la
ventaja de poder modificar una parte de la aplicación sin que afecte al resto de la
misma.
Modelo: se corresponde con la información o datos que maneja el sistema,
gestionando los accesos a esta. Se comunica con el componente vista para
enviar la información que solicite este para ser mostrada.
Vista: encargado de presentar la información al usuario en un formato adecuado
para que este pueda interactuar con aquello.
Controlador: responder ante los eventos que producen. Normalmente, suele
comunicarse con el componente vista y con el componente modelo, haciendo
como intermediario entre ambos modelos. (Cardador, 2014)
22
Grafico 5. Funcionamiento de MVC
Fuente: http://www.devjoker.com/contenidos/articulos/525/Patron-MVC-Modelo-Vista-Controlador.aspx
1.4.
Lenguaje de programación.
Existen un variedad lenguajes de programación que van desde PHP, HTML, CSS,
JAVA SCRIPT Un Lenguaje de Programación es un conjunto de reglas, notaciones,
símbolos y/o caracteres que permiten a un programador poder expresar el
procesamiento de datos y sus estructuras en la computadora. Cada lenguaje posee sus
propias sintaxis. También se puede decir que un programa es un conjunto de órdenes
o instrucciones que resuelven un problema específico basado en un Lenguaje de
Programación. (CUMBRERAS, 2013)
1.4.1. Historia de Dreamweaver
Es un producto de la empresa desarrolladora de software Macromedia, que nació en
1992 tras la fusión de Authorware inc. (Creadora de Authorware ) y Macro- Mind
Paracomp (responsable de director). El primer producto de esta nueva compañía fue
Shockware, un Plugin para los navegadores que permitía ver animaciones hechas en
director. A causa del éxito que tuvo, la empresa decidió que debía expandirse más en
el sector web y multimedia. Con esta expansión como objetivo primario, en 1996,
Macromedia realiza dos grandes adquisiciones. La primera fue la empresa Futurewave
software, creadora del FutureSplash, al que Macromedia rebautizo como flash. La
23
segunda fue IBAND Software, creadora de Backstage, un programa de edición HTML
lanzo su primera versión en 1997. A partir de 1998.
Macromedia
comenzó
a
desarrollar
una
versión
del
programa
por
año,
aproximadamente, en cada uno de ellas, agrego componentes clave para un mejor
desarrollo de archivo html y de otras extensiones (ASP, PHP, JPS, etc.) en el alto
2006. La empresa comprada por Adobe, quien absorbió completamente el nombre
Macromedia. Por ello es que la versión CS3 ya no es Macromedia, sino Adobe.
(Dreamwever, 2010)
1.4.2. Concepto de Dreamweaver.
Es un editor visual, de páginas web, por lo que no es necesario conocer el lenguaje de
programación para editarles. Pero el programa también permite la edición directa del
código, de modo que los programadores experimentados pueden introducir
directamente las instrucciones. La codificación de los documentos HTML se basa en
una estructura de etiquetas. Las páginas cuentan con dos secciones de código, head
(cabecera) y BODY (cuerpo). La primera contiene las etiquetas necesarias para que la
paginas se vea correctamente en internet, y la segunda, los elementos que conforman
la página. (Grafic D. , 2010)
Grafico 6. Dreamweaver
Fuente: http://www.crearcrear.com/adobe-dreamweaver-descargable/
24
1.4.3. Tipos de Archivos de Dreamweaver.
Dreamweaver le permite trabajar con una gran variedad de tipos de archivos. El tipo de
archivo principal con el que va a trabajar es el archivo HTML. Los archivos HTML —o
archivos en lenguaje de formato de hipertexto— incluyen un lenguaje basado en
etiquetas que es el responsable de mostrar la página Web a través del navegador. Los
archivos HTML se pueden guardar con la extensión. HTML o .htm. De forma
predeterminada, Dreamweaver guarda los archivos con la extensión .html.
CSS Los archivos de Hojas de estilos en cascada tienen la extensión .css. Se utilizan
para aplicar formato al contenido HTML y controlar la posición de los distintos
elementos de la página.
GIF Archivos de Formato de intercambio de gráficos, que tienen la extensión .gif El
formato GIF es un formato gráfico popular en la Web para cómics, logotipos, gráficos
con zonas transparentes y animaciones. Los archivos GIF contienen un máximo de 256
colores.
JPEG Archivos de Grupo conjunto de expertos fotográficos (el nombre de la
organización que creó el formato) que tienen la extensión .jpg y suelen ser fotografías o
imágenes de tonalidades intensas. El formato JPEG es el más indicado para las
fotografías digitales o digitalizadas, imágenes que utilizan texturas, imágenes con
transiciones de gradiente de color y, en general, cualquier imagen que requiera más de
256 colores.
XML Archivos de Lenguaje de formato ampliable, que tienen la extensión .xml.
Contienen datos en formato original al que se puede aplicar formato mediante el
lenguaje XSL (Lenguaje de hoja de estilos ampliable, Extensible Stylesheet Language).
XSL Archivos de Lenguaje de hoja de estilos ampliable, que tienen la extensión .xsl o
.xslt. También se utilizan para aplicar estilo a los datos XML que se van a mostrar en
una página Web.
25
PHP Los archivos de Preprocesador de hipertexto tienen la extensión .php y se utilizan
para procesar páginas dinámicas. (Group, 2007)
1.4.4. Funciones de Dreamweaver.
Las funciones de edición visual de Dreamweaver permiten crear páginas Web de forma
rápida, sin escribir una sola línea de código. Puede ver todos los elementos o activos
del sitio y arrastrarlos desde un panel fácil de usar directamente hasta un documento.
Puede agilizar el flujo de trabajo de desarrollo mediante la creación y edición de
imágenes en Macromedia Fireworks o en otra aplicación de gráficos y su posterior
importación directa a Dreamweaver.
Dreamweaver también contiene herramientas que facilitan la adición de activos de
Flash a las páginas web. Además de las funciones de arrastrar y soltar que le ayudan a
crear páginas web, Dreamweaver le ofrece un entorno de codificación con todas las
funciones, que incluye herramientas para la edición de código (tales como coloreados
de código, terminación automática de etiquetas, barra de herramientas para
codificación y contracción de código).
El material de referencia para lenguajes sobre hojas de estilos en cascada (CSS),
JavaScript y Cold
Fusion
Markup Language (CFML) entre otros. La tecnología
Roundtrip HTML de Macromedia importa los documentos con código manual HTML sin
modificar el formato del código. Posteriormente, si lo desea, puede formatear el código
con el estilo que prefiera. Además, Dreamweaver le permite crear aplicaciones Web
dinámicas basadas en bases de datos empleando tecnologías de servidor como CFML,
ASP.NET, ASP, JSP y PHP. Si prefiere trabajar con datos en XML, Dreamweaver
incorpora herramientas que le permiten crear fácilmente páginas XSLT, adjuntar
archivos XML y mostrar datos XML en sus páginas. (Rosana Francescato, 2005)
1.4.5. Características Dreamweaver.
Puede guardar los documentos de Dreamweaver con el nombre y ubicación
predefinidos por el programa o modificarlos desde el cuadro de dialogo guardar
26
como. Los comandos relativos al almacenado de documentos son accesibles
desde el menú archivo y las funciones habituales de copia, pegado etc.
Un sitio web es un conjunto de archivos enlazados con atributos compartidos:
temas relacionados, diseño similar u objetivo común. Dreamweaver es una
herramienta de creación y gestión de sitio web completos, además de un editor
visual de páginas.
Para crear un sitio web local tan solo es necesario determinar el directorio de
equipo que se convertirá en la carpeta raíz del sitio.
En la carpeta local se almacenan los archivos con los que está trabajando en un
sitio de Dreamweaver.
1.4.6. Ventajas de Dreamweaver cs5.
Aparece la ventana de bienvenida, que permite el acceso a las acciones usadas con
mayor frecuencia tanto al iniciar una sesión de trabajo como cuando el programa no
tiene ningún documento abierto. Su uso resulta una alternativa al de los comandos
tradicionales para la creación y apertura de documentos.
Ofrece una lista de tipos de archivo más usado que pueda seleccionar para
crear un documento rápidamente. La lista se ve encabezada por la opción html,
formato tradicional de las páginas web. Pulse sobre ella.
El diseño de la interfaz de los diferentes componentes de adobe creative suite
cs5, entre los que se encuentra Dreamweaver, es ahora más cómodo e intuitivo
y permite trabajar de formas más rápida y racional.
Dreamweaver muestra los diferentes documentos abiertos distribuidos en fichas,
sus pestañas los identifican y permiten activarlos fácilmente, de forma
predeterminada, las fichas se muestran en el orden de creación o apertura de
los archivos pero se pueden arrastrar para cambiarlas de posición.
27
Para facilitar su gestión posterior, Dreamweaver permite estructurar un sitio
antes de empezar a editar sus documentos.
El panel archivos permite visualizara archivos y carpetas,
diferenciando los
asociados a un determinado sitio.
Para permitir a los usuarios finales realizar cambios sencillos en una página web
sin tener que utilizar otro software o acudir al creador de la misma,
Dreamweaver cs5 ofrece la función incontext editing. (Grafic D. , 2010)
1.5.
Definición PHP
Es un potente lenguaje de secuencia de comandos diseñado específicamente para
permitir a los programadores crear aplicaciones en Web con distintas prestaciones de
forma rápida. MySQL es una base de datos rápida y fiable que se integra a la
perfección con PHP y que resulta muy adecuada para aplicaciones dinámicas basadas
en Internet. PHP y MySQL son conocidas tecnologías de código abierto que resultan
muy útiles para diseñar de forma rápida y eficaz aplicaciones Web dirigidas a bases de
datos. PHP es un potente lenguaje de secuencia de comandos diseñado
específicamente para permitir a los programadores crear aplicaciones Web con
distintas prestaciones de forma rápida. MySQL es una base de datos rápida y fiable
que se integra a la perfección con PHP y que resulta muy adecuada para aplicaciones
dinámicas basadas en Internet.
En este libro veremos cómo utilizar estas herramientas de forma conjunta para obtener
aplicaciones Web eficaces e interactivas, desde los formularios de pedidos más
sencillos hasta los sitios de comercio electrónico más complejos y seguros. Se
describen los fundamentos del lenguaje PHP, se explica cómo configurar y trabajar con
una base de datos MySQL, y aprenderá a utilizar PHP para interactuar con la base de
datos y el servidor.
Este manual tan práctico y sencillo incluye numerosos ejemplos de tareas habituales
como la autenticación de usuarios, la generación dinámica de documentos PDF e
28
imágenes, el envío y gestión de correo electrónico, la comunicación entre usuarios, la
administración de contenidos y la conexión a servicios Web por medio de XML. Se
abordan aspectos relacionados con el comercio electrónico y la seguridad mientras
desarrollamos un sitio Web real y le mostraremos cómo implementarlos en PHP y
MySQL. Incluye CD-ROM con las versiones completas de PHP, MySQL, Apache,
varias bibliotecas gráficas. (MULTIMEDIA, 2003)
1.5.1. Características de PHP
Es un lenguaje muy fácil de aprender con respecto a otros lenguajes utilizados
para el mismo propósito, como Java o ASP. Debido a esto no es necesario
hacer un estudio muy concienzudo de sus funciones para realizar programas
sencillos que nos resuelvan la mayoría de los problemas diarios.
La mayoría de las funciones más usuales están están disponibles por efecto,
como la conexión de base de datos o la utilización de servidores IMAP. Existe
una gran cantidad de páginas con documentación y programas hechos por
desarrolladores que se pueden leer y modificar libremente.
Las páginas creadas en PHP son simples paguinas en HTML que contienen
además las etiquetas normales. (Muñoz, Vicente Eslava, 2013)
1.6.
Definición de base de datos.
La Base de Datos es un conjunto de datos relativos a una determinada parcela del
mundo real (por ejemplo, una biblioteca, una empresa petroquímica, una universidad
etc.) que se almacena en un soporte informático no volátil ―es decir dispositivo de
memoria secundaria como discos, cintas, etc, que hacen que los datos no
desaparezcan‖ cuando no están usando).
Además no debe existir redundancia, es decir, no debe existir duplicidades
perjudiciales ni innecesarias (a ser posible un determinado tipo de dato, por ejemplo,
los datos de un cliente de una empresa, solo deben aparecer en un sitio en la BD. En
29
ocasiones, es necesario cierto redundancia (a nivel de al almacenamiento físico) que
mejora la base de datos. (Dolores Cuadra, 2014)
1.6.1. Características base de datos.
Entre las diferentes y las más importantes señalamos: Redundancia reducida,
Inconsistencia reducida, Aseso concurrente por (restricciones de consistencia),
Consultas complejas optimizadas, Seguridad de acceso. Respaldo y recuperación.
Modelo de datos. Se utiliza para diseñar la estructura de una base de datos mediante
una colección de herramientas conceptuales que permiten describir los datos, las
entidades que intervienen, las relaciones entre las diferentes entidades u objetos y las
restricciones de consistencia.
Modelo entidad – relación. Consiste en una colección de objetos básicos llamados
entidades, y relaciones entre estos objetos. Entidad objeto que es distinguible de otros
por medio de un conjunto específico atributos. Relación es una asociación entre varias
entidades.
Grafico 7. Base de Datos.
Fuente: http://www.quees.info/que-es-una-base-de-datos.html
Conjunto de entidades. Relación uno a uno: la entidad del conjunto de entidades ―A‖
se relaciona con una y solamente una entidad conjunto de entidades ―B‖. Relación uno
30
a muchos: cada entidad del conjunto de entidades ―A‖ se relación con varios entidades
del conjunto de entidades. Relación de muchos a muchas: cualquier entidad del
cualquier entidad del conjunto de entidades ―B‖ relación con muchas entidades del
conjunto de entidades ―A‖. Claves. Es un conjunto de uno más atributos que permiten
identificar de forma única una entidad en el conjunto de entidades. Ejemplo. La cedula
es un atributo del conjunto de entidades cliente, y esta, permite identifica un cliente
dentro del conjunto de clientes o conjunto de entidades cliente. (Fernandez, 2009).
1.7.
Concepto HTML.
Todo comenzó mucho tiempo atrás con una simple versión de HTML propuesto para
crear la estructura básica de páginas web, organizar su contenido y compartir
información. El lenguaje y la web misma nacieron principales con la intención de
comunicar información por medio de texto. HTML. Motivo a varias compañías a
desarrollar nuevas lenguajes de programación para agregar características a las web
nunca antes implementadas.
Estos desarrollos iniciales crecieron hasta convertirse en populares y poderosos
accesorios, simples juegos y bromas animadas pronto se trasformaron en sofisticadas,
aplicaciones ofreciendo nuevas experiencias que cambiaron el concepto de la web
para siempre.
De las opciones propuestas, Java y Flas fueron las más exitosas; ambas fueron
masivamente adoptadas y ampliamente consideradas como el futuro del Internet. Sin
embargo, tan pronto como el número de usuarios se incrementó el Internet de pasó ha
de ser una forma de conectar amantes de los ordenadores a un campo estratégico
para los negocios y la interacción social, limitaciones presentes en estas dos
tecnologías probaron ser una sentencia de muerte.
La falta de integración resulto ser crítica y preparo el camino para la evolución de un
lenguaje que comparte espacio en el documento HTML y no está afectado por las
limitaciones de los plug -ins. JavaScript, un lenguaje interpretado incluido en
navegaciones, claramente era la manera de mejorar la experiencia de los usuarios y
proveer funcionamiento para la web.
31
Mientras esta competencia silenciosa se llevaba a cabo, el software para acceder a la
web continuaba evolucionando, junto con nuevas funciones y técnicas rápidas de
acceso a la red. Estos desarrolladores, impulsados por las mejoras otorgadas por los
navegadores, comenzaron a aplicar JavaScript en sus aplicaciones de un modo nunca
visto. La innovación y los increíbles resultados obtenidos llamarón la atención de más
programadores. Pronto lo que fue llamado la web 2.0 nació y la percepción de
JavaScript en la comunidad de programadores cambio radicalmente. (Diego, El Gran
Libro de HTML 5, 2012)
1.7.1. Características HTML.
HTML provee básicamente tres características: estructura, estilo y funcionamiento.
Nunca fue declarado oficialmente pero, incluso cuando algunas APIs (interface de
programación de aplicación) y la especificación de CSS3 por completo no son parte del
mismo html5 es considerado el producto de combinación de Atml, Css y JavaScript.
Estas tecnologías son altamente dependientes y actúan como una sola unidad
organizada bajo la especificación de html5.
La estructura sigue siendo parte esencial de un documento. La misma provee los
elementos necesarios para ubicar contenidos estático o dinámico, y es también una
plataforma básica para aplicaciones. Con la variedad de dispositivos para interactuar
con la web, ahora la estructura debe proveer forma, organización y flexibilidad y debe
ser tan fuerte como los fundamentos de un edificio.
Ya no es necesario especificar qué tipo de estilos estamos insertando, por lo que el
atributo Type fue eliminado. Solo son necesarios dos atributos para incorporar nuestro
archivo de estilos Rel y Href. El atributo Rel significa ―relación‖ y es acerca de la
relación entre el documento y el archivo que estamos incorporando por medio de Href.
Un archivo de estilos es un grupo de reglas de formato que ayudaran a cambiar la
apariencia de nuestra página web (tamaño y color del texto) sin estas reglas, el texto y
cualquier otro elemento HTML seria mostrado en pantalla utilizando los estilos estándar
provistos por el navegador.
32
Los estilos son reglas simples que normalmente requieren solo unas pocas líneas de
código y pueden ser declarados en el mismo documento. (DIEGO, 2012)
1.8.
Concepto CSS3
Cascading Style Sheet (Hojas de estilo en cascada), fue siempre sobre estilo, pero ya
no es más. En un intento por reducir el uso del código JavaScript y para estandarizar
funciones populares, CSS3 no solo cubre diseño y estilos web sino también forma y
movimiento. La especificación de CSS3 es presentada en módulos que permiten a la
tecnología proveer una especificación estándar por cada aspecto involucrado en la
presentación visual del documento.
Este nivel de cambio convierte CSS3 en una tecnología
prácticamente inédita
comparada con versiones anteriores. Cuando la especificación de HTML5 fue escrita
considerando CSS a cargo del diseño, la mitad de la batalla contra el resto de las
especificaciones propuesta había sido ganada. (Diego, El Gran Libro de HTML CSS3 y
JAVASCRIPT, 2012)
1.8.1. Características CSS3
Entre las múltiples se puede señalar a las siguientes: Border-radius esta propiedad
genera esquinas redondas para la caja formada por el elemento. Posee dos
parámetros diferentes que dan forma a la esquina, el primer parámetro determina la
curvatura horizontal y el segundo la vertical.
Box-shadow esta propiedad crea sombras para la caja formada por el elemento,
puede
tomar
cinco
parámetros:
el
color,
el
desplazamiento
horizontal,
el
desplazamiento vertical.
Text-shadow. Esta propiedad es similar a box-shadow pero específica para textos.
Toma cuatro parámetros: el color, desplazamiento horizontal, el desplazamiento
vertical.
33
@font-face Esta regla nos permite cargar y usar cualquier fuente que necesitemos.
Primero, debemos declarar la fuente, proveer un nombre con la propiedad font-family y
especificar el archivo con arc (por ejemplo, @font-face[ font-family:)
Transition Esta propiedad puede ser aplicada para crear una transición entre dos
estados de un elemento. Recibe hasta cuatro parámetros:
La propiedad afectada, el tiempo que le tomará a la transición será realizado desde el
comienzo hasta el final, una palabra clave para especificar cómo transición será
realizada y un valor de retardo que determina el tiempo que la transición tardará en
comenzar. (Juan, 2012)
1.9.
Concepto JavaScript.
JavaScript es un lenguaje interpretado usado para múltiples propósitos pero solo
considerado como un completo hasta ahora. Una de las innovaciones que ayudo a
cambiar el modo en que vemos JavaScript fue el desarrollo de nuevos motores de
interpretación, creados para acelerar el procesamiento lógico.
La clave de los motores más exitosos fue transformar el código JavaScript en código
máquina para lograr velocidades de ejecución similares a aquellas encontradas en
aplicaciones de escritorio.
Para aprovechar esta prometedora plataforma de trabajo ofreciendo por los nuevos
navegadores, JavaScript fue expandido en relación con portabilidad e integración. A la
vez, interfaces de programación de aplicaciones fueron incorporadas por defecto en
cada navegador para asistir al lenguaje en funciones elementales.
Estas nuevas APIs son interfaces para librerías incluidas en navegadores. La idea es
hacer dispositivo poderosas funciones a través de técnicas de programación sencillas y
estándares, expandiendo el alcance del lenguaje y facilitando la creación de programas
útiles para la web. (Gauchat, El gran libro de Html5, CSS3 y Javascript, 2012)
34
1.9.1. Características de JavaScript.
Apis APIS ―application program interface‖. El alcance de JavaScript ha sido expandido
con un grupo de poderosas librerías accesibles a través de interfaces llamadas.
Canvas. Esta API es una API de dibujo, específica para la creación y manipulación de
gráficos. Utiliza métodos JavaScript predefinidos para operar.
Drag and Drop. Esta API hace que arrastrar y soltar elementos con el ratón en la
pantalla sea posible también en la web.
Geolocation. Esta API tiene la intención de proveer acceso a información
correspondiente con la ubicación física del dispositivo que está accediendo a la
aplicación.
Indexed Database. Esta API agrega la capacidad de trabajar con bases de datos del
lado del usuario. El sistema fue desarrollado independientemente de previas
tecnológicas y provee una base de datos destinada aplicaciones web.
File. Este es un grupo de APIs desarrollada para proveer la capacidad de leer, escribir
y procesar archivos de usuario.
Websockets. Esta API provee un mecanismo de comunicación de dos vías entre
cliente y servidores para generar aplicaciones en tiempo real como salas de chat o
juegos en línea. (Gauchat, El Gran Libro HTML5, CSS3 y Javascript, 2012)
1.10. Definición de administración.
La palabra administración proviene del latín administrare, donde significa ir hacia y
ministrare equivale a servir o cuidar. Podemos definir la Administración pública como el
conjunto de instituciones y organismos públicos con responsabilidad jurídica propia que
tiene como objeto servir al interés general administrando, gestionando y ejecutando las
tareas que se encomiendan al estado y a otros entes públicos.
35
La administración siempre está sometida al derecho y al control judicial y pone en
contacto a los ciudadanos con el poder político.
La Administración pública sirve con objetividad los intereses generales y actúa de
acuerdo con los principios de eficiencia, jerarquía, descentralización, desconcentración
y coordinación, con sometimiento pleno a la ley al derecho. (María José Navarrete,
2015)
Grafico 8.Administración.
Fuente: http://webadministracionenlaweb.blogspot.com/
1.10.1.
Subdivide la administración:
Proceso de planear, organizar, dirigir y controlar: Es decir, realizar un conjunto de
actividades o funciones de forma secuencial, que incluye:
Planificación: Consiste básicamente en elegir y fijar las misiones y objetivos de
la organización. Después, determinar las políticas, proyectos, programas,
procedimientos, métodos, presupuestos, normas y estrategias necesarias para
alcanzarlos, incluyendo además la toma de decisiones al tener que escoger
36
entre diversos cursos de acción futuros. En pocas palabras, es decidir con
anticipación lo que se quiere lograr en el futuro y el cómo se lo va a lograr.
Organización: Consiste en determinar qué tareas hay que hacer, quién las hace,
cómo se agrupan, quién rinde cuentas a quién y dónde se toman las decisiones.
Dirección: Es el hecho de influir en los individuos para que contribuyan a favor
del cumplimiento de las metas organizacionales y grupales; por lo tanto, tiene
que ver fundamentalmente con el aspecto interpersonal de la administración.
Control: Consiste en medir y corregir el desempeño individual y organizacional
para garantizar que los hechos se apeguen a los planes. Implica la medición del
desempeño con base en metas y planes, la detección de desviaciones respecto
de las normas y la contribución a la corrección de éstas. (Velez, 2012)
1.10.2.
Diferencias de la Administración Pública
Su fin es el servicio y la utilidad públicos.
Pertenece al campo del Derecho Público.
La estructura es compleja.
Los programas destinados a los administrados tienen que cumplirse, aun
coercitivamente.
No hay incentivo pecuniario.
1.10.3.
Diferencias de la Administración Privada
Se considera que la administración privada tiene una mayor eficiencia practica
debido a que sus ejecutivos actúan con mayor libertad de acción porque no
están limitados en sus decisiones a leyes o reglamentos que hacen casi
imposible mantener al día a las instituciones.
37
El gobierno da o presta servicios que son en gran medida intangibles y que el
ciudadano a veces desconoce. En cambio la opinión publica hacer notar las
quejas por las deficiencias y muy pocas veces reconoce los méritos.
La administración pública está enmarcada en reglamentos rígidos que no se
pueden cambiar a voluntad; además, está sujeta a modificaciones imprevistas
de la política nacional que se traducen en cambios en la administración.
(Stuardo, 1968)
Grafico 9. Niveles de la administración.
Fuente: http://www.administracionesyak.com/servicios.html
1.10.4.
Características de la Administración.
Universalidad: El fenómeno administrativo se da donde quiera que existe un
organismo social ya que dentro de estos siempre tiene que existir una
coordinación sistemática de medios.
Especificidad: La administración siempre se encuentra acompañada de ciencias
de diferente índole como: la economía, la contaduría, la ingeniería entre otras,
sin embargo esta mantiene su especificidad a pesar de su estrecha relación en
los diferentes procesos.
38
Unidad del proceso: A pesar de que el proceso administrativo este compuesto
por diferentes etapas, este es único, este es constante, lo que varía es su grado
de aplicación en los diferentes procesos en los cuales se desee aplicar. Siempre
se debe mantener la interacción de sus elementos: planeación, ejecución,
control, re direccionamiento.
Unidad jerárquica: Todas las personas que tienen carácter de jefes en un
organismo social, tienen un nivel de participación, este lógicamente esta dado
en distintos grados y modalidades, forman "un solo cuerpo administrativo, desde
el Gerente General, hasta el último mayordomo. (Ponce, 2004)
1.10.5.
La Administración Pública.
Está conformada por un conjunto de instituciones y de organizaciones de carácter
público que disponen de la misión de administrar y gestionar el estado y algunos entes
públicos.
Esas instituciones u organizaciones se encuentran dirigidas por individuos y cuentan
con una planta de personal notable que facilita el funcionamiento de las diversas áreas
en las que normalmente se encuentra dividida. Como su denominación nos lo anticipa,
al tratarse de una administración pública le corresponde hacer de nexo directo entre los
ciudadanos y el poder político de turno y por supuesto atender y satisfacer todas las
demandas que los ciudadanos puedan acercar.
Básicamente, podríamos decir que a la administración pública le compete todo aquello
que implique el orden público. Cabe destacarse que es el poder ejecutivo nacional es
quien la regula y también existen algunos organismos especiales que se ocupan de
ejercer su contralor.
Los maestros que se desempeñan en instituciones educativas que dependen del
estado, los médicos que despliegan su rol en hospitales públicos, los policías y demás
fuerzas de seguridad que componen ésta área y que por caso tienen justamente la
finalidad de velar por la seguridad de todos los ciudadanos del país.
39
Los organismos encargados de la recaudación impositiva y que en definitivas cuentas
son los que con esta acción financian a la administración pública, entre otros. (ABC)
Grafico 10. Sistematización de la Administración.
Fuente:http://hrdzfer.blogspot.com/2013/02/estructuras-de-tablas-en-access.html
1.10.6.
Ventajas de la Administración pública
Ayuda en la toma de decisiones y en la asignación optima de los recursos.
Sirve para planificar a medio y largo plazo, evitando la inmediatez.
Permite analizar los problemas de una forma global.
Contribuye a clarificar el futuro de una institución y los órganos y unidades que
la integran.
Dinamizan los sistemas de gestión, ayudando a ordenar y priorizar las
decisiones, posibilitando también el establecimiento de un sistema flexible y
dinámico de dirección. (Benito Ramos Ramos, 2013)
40
1.10.7.
Las desventajas de un Administrador público son:
Carencia de discontinuidad entre los momentos de producción y entre consumos
del bien.
Satisfacción de amplios intereses colisiona con demanda individuales- egoístas.
Contradicción con lógica de beneficios privado.
Debilidad de la base informativa para la decisión. (García, 2013)
1.11. DEFINICIÓN DE GESTIÓN.
Se denomina gestión al correcto manejo de los recursos de los que dispone una
determinada organización, como por ejemplo, empresas, organismos públicos,
organismos no gubernamentales, etc. El término gestión puede abarcar una larga lista
de actividades, pero siempre se enfoca en la utilización eficiente de estos recursos, en
la medida en que debe maximizarse sus rendimientos. El primer punto a considerar es
la gestión dentro de un agente económico de primera relevancia, como es la empresa.
En esta existe personal especializado para la toma de decisiones que conlleve
comprometer recursos que suelen ser escasos. Así, el rol de la gerencia suele ser
tomar decisiones en función de una planificación acertada para responder a las
necesidades de la organización, decisiones que deben consumir el mínimo de recursos
económicos y deben maximizar los beneficios obtenidos.
Otra área donde la correcta administración de recursos es crucial es el sector público.
El estado recauda dinero mediante los impuestos cobrados a los contribuyentes y esta
recolección de recursos debe ser correspondida con bienes y servicios a la sociedad
que el mercado por cualquier motivo no puede satisfacer.
Así por ejemplo debe brindar educación y salud a quienes por cualquier motivo se ven
privados de ella debido a sus recursos económicos escasos. Toda esta recolección de
41
recursos, por otra parte, debe hacerse procurando ser lo menos lesiva posible para el
conjunto de la población productiva.
Grafico 11. Gestión Documental
Fuente: http://www.dps.com.co/gestion-documental
Finalmente, otra área donde la gestión suele ser imprescindible son las organizaciones
no gubernamentales. Estas se caracterizan por brindar asistencia con servicios a
determinados grupos sociales, generalmente con dificultades económicas; Son en
definitiva un complemento al rol del estado. Estas obtienen recursos de donaciones
que realiza el sector privado o de asignaciones del sector público. Nuevamente, los
ingresos pueden variar a lo largo del tiempo, por lo que una correcta gestión de los
mismos se torna imprescindible, gestión que trae aparejado dar a conocer el rol de la
organización fin de seguir pudiendo obtener donaciones que hagan posible su
funcionamiento. (Difinicion.MX)
1.11.1.
Instrumentos de gestión.
La gestión se sirve de diversos instrumentos para poder funcionar, los primeros
hacen referencia al control y mejoramiento de los procesos, en segundo lugar se
encuentran los archivos, estos se encargaran de conservar datos y por último los
instrumentos para afianzar datos y poder tomar decisiones acertadas.
42
De todos modos es importante saber que estas herramientas varían a lo largo de los
años, es decir que no son estáticas, sobre todo aquellas que refieren al mundo de la
informática. Es por ello que los gestores deben cambiar los instrumentos que utilizan a
menudo.
1.11.2.
Los Gestores.
Las personas que toman el compromiso de organizar y dirigir las instituciones suelen
ser llamadas gestores. Los mismos son responsables de la rentabilidad y éxito de los
organismos para los que trabajan.
Muchas de las personas que alcanzan estos puestos lo hacen a través de la carrera
que han hecho a lo largo de su vida, ocupando en diversos lugares en la institución
para las que trabajan. (Concepto.De, 2015)
1.11.3.
Características de gestores.
Este método sistematiza las actividades de una organización para el logro
eficiente de sus objetivos.
Aumenta el grado de cohesión de la organización porque requiere del trabajo en
equipo y evita la dispersión y la descoordinación.
Introduce mecanismos que impiden la dilución de responsabilidades, lo que
supone una presión positiva para hacer las cosas.
Ayuda a la organización a utilizar los recursos disponibles y a mejorar los
procedimientos de asignación de los mismos.
Desarrolla una cultura de trabajo que facilita la transparencia en la gestión y
rendición de cuentas en términos de resultados alcanzados. (Benito Ramos
Ramos, Consuelo Sánchez, 2013)
43
1.11.4.
Ventajas de la Gestión
Rapidez y acceso inmediato
Acceso instantáneo a toda la documentación.
Reducción de tiempo de consultas y tareas de archivo.
Resolución del problema de localización.
Control total sobre la documentación e información.
Información compartida entre diferentes usuarios.
Fácil y rápida distribución o envío de documentos.
Ahorro en impresión de documentos (fotocopias, copias impresas.).
Eliminación de desplazamientos.
Ahorro de espacio físico.
Seguridad y fiabilidad
Custodia de alta seguridad para documentos de gran valor o confidencialidad.
Sustitución de documentos impresos por réplicas electrónicas.
Evita la duplicidad de documentos.
1.11.5.
Posibles desventajas:
Factor económico, la aplicación de este tipo de sistemas conlleva una inversión
monetaria importante.
44
Riesgo de violar alguna ley u otros reglamentos de rastreabilidad y resguardo de
la información. (Melgarejo, 2011)
1.11.6.
Conclusiones Parciales del capitulo
Las páginas y aplicaciones web se han convertido en una herramienta del diario
vivir por su versatilidad, facilidad de acceso desde cualquier punto del planeta
con solo tener una computadora con básicas condiciones para su manejo dando
la ayuda a la población que lo necesita.
Los avances tecnológicos y la innovación de los programas y medios, ha
permitido analizar, estudiar, fundamentar
cada uno de los aspectos
relacionados a la tecnología y su aporte a la sociedad y la mejora que esta
implica en una institución y como este beneficio tecnológico ayuda a mejorar la
gestión con los usuarios .
La administración ya sea esta pública o privada se maneja por el servicio que le
da a sus usuarios, tratando de darles la mejor atención a clientes, en casos
muy especiales ha permitido esto, mejorar sus ingresos, ventas y tener clientes
satisfechos.
Todo esto se recopila a una buena gestión en una administración, que debe ir
de la mano de la tecnología, innovación creando espacios de satisfacción en los
usuarios que a diario utilizan los servicios en las instituciones.
45
CAPITULO II
2. MARCO METODOLÓGICO.
2.1.
Caracterización del sector.
Mediante Decreto Ejecutivo Nº. 580 publicado en el Suplemento del Registro Oficial Nº.
158 de 29 de agosto de 2007, el Ministerio de Bienestar Social, pasó a denominarse
Ministerio de Inclusión Económica y Social, que tiene como misión desarrollar planes,
programas y proyectos de atención de calidad a la población vulnerable y en riesgo.
El Ministerio de Inclusión Económica y Social - MIES promoverá y fomentará
activamente la inclusión económica y social de la población, de tal forma que se
asegure el logro de una adecuada calidad de vida para todos los ciudadanos y
ciudadanas, mediante la eliminación de aquellas condiciones. Mecanismos o procesos
que restringen la libertad de participar en la vida económica, social y política de la
comunidad y que permiten, facilitan o promueven que ciertos individuos o grupos de la
sociedad sean despojados de la titularidad de sus derechos económicos y sociales, y
apartados, rechazados o excluidos de las posibilidades de acceder y disfrutar de los
beneficios y oportunidades que brinda el sistema de instituciones económicas y
sociales.
2.1.1. Visión:
Ser la entidad pública que ejerce la rectoría y ejecuta políticas, regulaciones,
programas y servicios para la inclusión social y atención durante el ciclo de vida con
prioridad en la población de niños, niñas, adolescentes, jóvenes, adultos mayores,
personas con discapacidad y aquellos y aquellas que se encuentran en situación de
pobreza, a fin de aportar a su movilidad Social y salida de la pobreza.
2.1.2. Misión:
Establecer y ejecutar políticas, regulaciones, estrategias, programas y servicios para la
atención durante el ciclo de vida, protección especial, aseguramiento universal no
contributivo, movilidad Social e inclusión económica de grupos de atención prioritaria
(niños, niñas, adolescentes, jóvenes, adultos mayores, personas con discapacidad) y
aquellos que se encuentran en situación de pobreza y vulnerabilidad.
46
2.1.3. Objetivos Estratégicos
2.1.3 .1 Objetivo Estratégico No. 1: Recuperación del Rol Rector.
El Ministerio de Inclusión Económica y Social busca recuperar su rol rector en la
formulación de políticas públicas, excelencia de servicios y nueva institucionalidad
mediante la depuración y especialización de las competencias propias en los ámbitos
de su competencia.
2.1.3.2 Objetivo Estratégico No. 2: Consolidación de la estructura del MIES.
Unificar en una sola estructura con dos grandes campos de acción: la inclusión social
y el aseguramiento, instancias que se conforman de las atribuciones anteriores del
MIES, más las atribuciones del Instituto Nacional del Niño y la Familia (INFA) y el
Programa de Protección Social (PPS).
2.1.3.3 Objetivo Estratégico No. 3: Desconcentración.
La desconcentración es un mecanismo de re-distribución del poder y democratización
de la sociedad que se fundamenta en un nuevo modelo de Estado cimentado en la
recuperación de su capacidad de rectoría, regulación, control, coordinación y se
reafirma el rol de la re-distribución, dentro de un proceso de racionalización de la
administración pública con clara división de competencias.
Grafico 12. Organigrama Direcciones Distritales
Fuente: http://www.inclusion.gob.ec/
47
2.2.
Descripción del Procedimiento metodológico.
2.2.1. Histórico – Lógico.
Para realizar el procedimiento metodológico del problemática existente en el Mies
sobre la necesidad de información, registro rápido de las organizaciones, pedido de
acuerdos ministeriales, se ha planteada en el presente trabajo de tesis basándonos en
el fundamento teórico, científico.
Tanto del área de arquitectura de Aplicaciones Web como con sus diferentes
programas y aplicaciones, como también de la gestión administrativa que se refiere a la
automatización de recursos y tiempos; así como el análisis de necesidades de la
institución pública de que lo requiere, viendo lo más factible y viable para llegar a la
eficiencia y eficacia.
2.2.2. Analítico – Sintético
Por medio del proceso de análisis y síntesis se puedo descomponer cada uno de los
elementos del problema que tiene la institución del Mies. A determinar causas de los
diferentes problemas y que a partir de los análisis realizado a las autoridades,
encargados del departamento jurídico, como también las organizaciones sociales, se
ha podido sustentar en problema. ¿Cómo mejorar
la gestión administrativa del
departamento jurídico del Mies, Guaranda?
2.2.3. Inductivo – Deductivo
Para abordar el tema se utiliza el método deductivo – inductivo ya que ofrece los
lineamientos básicos para este caso, como es el de partir de la forma general de las
cosas, en este caso, la visión general del funcionamiento del departamento jurídico del
MIES Distrito Uno, cantón Guaranda, en función a la información específica requerida
de las Organizaciones Sociales, para almacenarlos en una base de datos digital o
virtual.
Por medio de una aplicación web ―Sistema automatizado de organizaciones Mies‖
(SAOM) y el acceso remoto e inmediato a la información, basados en los beneficios
48
requeridos por las mismas, teniendo en cuenta que la finalidad es mejorar la gestión
administrativa de las organizaciones.
2.2.4. Método - Sistémico
Mediante la aplicación web ―Sistema automatizado de organizaciones Mies‖ (SAOM)
para las organizaciones fue posible dar una solución a la falta de información, poderse
registrar rápidamente desde la web, verificar y tener un monitoreo de organizaciones
que hacen contratos y convenios de cooperación con el mies. Dando un gestión de
calidad de servicios en la parte administrativa de la institución.
2.2.5. Modalidad de la Investigación.
El estudio planteado es cuantitativo y cualitativo ya que se ha usado la información
trabajadas gracias al apoyo y colaboración delos funcionarios del Mies y las
Organizaciones Sociales indagando cada uno de los problemas que han enfrentados
los empleados para buscar y manipular la información, como también las múltiples
dificultades que tenían las organizaciones sociales creadas en el Mies, y la falta
información y de ayuda para crear nuevas organizaciones, como también poder crear
una organización de segundo grado que agrupe más organizaciones ya legales.
Para lo cual se utilizó la investigación bibliográfica las mismas que permitió asentar
más la indagación de los temas de aplicación web ―Sistema automatizado de
organizaciones Mies‖ (SAOM), gestión, administración etc.
Buscando en libros,
direcciones electrónicas, revistas, páginas web.
La relación causa a efecto asido prioritario ya que en la necesidad de buscar una
solución a los múltiples problemas encontrados, se ha propuesto una aplicación Web
MVC ―Sistema automatizado de organizaciones Mies‖ (SAOM) para Mejorar la Gestión
Administrativa de las Organizaciones del Mies, por lo que estamos utilizando la variable
dependiente con relación causa de la variable independiente. Siendo esta la
herramienta para relacionar el problema.
49
2.2.6. Tipo de Investigación
La investigación será del tipo indagatoria, se estudia los fundamentos de los diferentes
temas que interviene en la misma, para luego llegar a una herramienta que por medio
de las validaciones se podrá ajustar los resultados obtenidos de la información más
óptima, que servirá como un aporte significativo para la gestión administrativa de las
organizaciones sociales del Mies.
2.2.7. Métodos, Técnicas e Instrumentos
En primer lugar se ha utilizado el análisis documental, bibliográfico y la investigación
que nos ha permitido proporciona los parámetros iniciales para la creación de una
adecuada Aplicación web ―Sistema automatizado de organizaciones Mies‖ (SAOM).
Para personalizar se requiere de información sobre las Organizaciones Sociales,
registradas en el MIES Distrito Uno, por lo que se realiza encuestas, las mismas que se
toman como referencia para plasmar los requerimientos de información para la óptima
Gestión Administrativa, por parte de la institución relacionada, y de los usuarios, a
quienes se deben.
La entrevista: La entrevista con fines de investigación, puede ser entendida como la
conversación que sostienen dos personas, celebrada por iniciativa del entrevistador
con la finalidad específica de obtener alguna información importante para la indagación
que realiza.
La observación: Es una técnica que consiste en observar atentamente el fenómeno,
hecho o caso, tomar información y registrarla para su posterior análisis. La observación
es un elemento fundamental de todo proceso investigativo; en ella se apoya el
investigador para obtener el mayor número de datos. Gran parte del acervo de
conocimientos que constituye la ciencia ha sido lograda mediante la observación.
La encuesta: es una técnica de adquisición de información de interés sociológico,
mediante un cuestionario previamente elaborado, a través del cual se puede conocer la
opinión o valoración del sujeto seleccionado en una muestra sobre un asunto dado.
50
2.2.8. Población Muestra.
Para recabar la información requerida, para el desarrollo de la aplicación web ―Sistema
automatizado de organizaciones Mies‖ (SAOM) se han tomado los datos de las
organizaciones sociales existentes en Guaranda, así como de los funcionarios del
Mies.
Estrato
Unidad de análisis
Número
Director Distrital
Mies
1
Secretaria
Mies
1
Abogado
Mies
2
Funcionarios
Mies
12
Sub- Total
16
Organizaciones
Sociales
Usuario externo
1001
2.2.9. Obtención de la muestra
Debido al gran número de organizaciones sociales, se procede a tomar una muestra de
la población, para obtener la información necesaria, por lo que se aplica la siguiente
fórmula:
n = Tamaño de la muestra
N= Número de organizaciones del MIES (universo)
e 2 = Margen de error
Fórmula
n
N
e 2 ( N 1) 1
51
Datos
N= 1001 Organizaciones Sociales
e 2 = 0,05 n
N
e ( N 1) 1
2
n
1001
0.05 (1001 1) 1
n
1001
(0,0025)(1000) 1
n
1001
3,5
2
n 286
encuestas
Con la aplicación de la respectiva formula de la muestra se tiene que realizar 286
encuestas las mismas que serán dirigidas a los representantes legales de las
organizaciones sociales que corresponden al Cantón Guaranda.
2.2.10.
Tabulación y análisis de resultados.
Luego del proceso de obtención de la muestra del universo Organizaciones Sociales,
se procede a realizar las encuestas, tabular y analizar los resultados obtenidos, con la
finalidad de identificar los requerimientos de este estrato.
52
2.2.12 Resumen de encuestas a las Organizaciones sociales
Pregunta Nº 1 organizaciones sociales
¿Cuenta con una computadora en su organización?
Cuadro 1.Organizaciones sociales
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
120
42%
NO
166
58%
TOTAL
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 1. Organizaciones sociales
Existencia de una computadora en la Organización
42%
SI
NO
58%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación
Se puede notar que casi la mitad de las organizaciones sociales cuentan con una
computadora como instrumento del cual se valen para efectuar registros y
procesamiento de información y datos derivados de las actividades que desarrollan.
53
Pregunta Nº 2 Organizaciones Sociales
¿En el momento que ha requerido de información y documentación de su organización
del MIES le ha proporcionado de manera oportuna, ágil y confiable?
Cuadro 2. Organizaciones sociales
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SIEMPRE
10
4%
CASI SIEMPRE
54
19%
RARA VEZ
201
70%
NUNCA
21
7%
TOTAL
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 2. Organizaciones sociales
Oportunidad, agilidad y confiabilidaden la entrega
de la Información de las Organizaciones
7%
4%
SIEMPRE
19%
CASI SIEMPRE
RARA VEZ
70%
NUNCA
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Análisis e Interpretación
El grado de respuesta frente al requerimiento de información denota que no es el
esperado y esto radica en un punto débil frente a la gestión que realizan los directivos y
el personal que labora en el MIES.
54
Pregunta Nº 3 Organizaciones Sociales
¿Cree usted que en el Departamento jurídico del MIES, distrito Uno existe una
adecuada organización con respecto al control de documentos y la tramitación de
servicios?
Cuadro 3. Organizaciones sociales
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
71
25%
NO
215
75%
TOTAL
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Figura 3. Organizaciones sociales
Organización en el control de documentos y trámites
en el Departamento Jurídico del MIES
25%
SI
NO
75%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Análisis e Interpretación
En relación a una efectiva organización que demanda de mecanismos de control de los
expedientes y documentos y la agilización de los trámites correspondientes no se
encuentra acorde a los objetivos institucionales definidos.
55
Pregunta Nº 4 Organizaciones Sociales
¿Ha tenido inconvenientes derivados de la demora en la entrega de la información de
su organización frente a los trámites habituales en el MIES?
Cuadro 4. Organizaciones sociales
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
198
69%
NO
88
31%
TOTAL
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Figura 4. Organizaciones sociales
Inconvenientes en los trámites legales por demora
en la entrega de Información organizacional
31%
SI
69%
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Análisis e Interpretación
El estancamiento en los trámites legales trae consigo perdidas de oportunidades,
desactualizaciones organizacionales, incumplimientos legales.
56
Pregunta Nº 5 Organizaciones Sociales
¿Le gustaría que los de entrega de su documentación sean más rápido en el MIES?
Cuadro 5. Organizaciones sociales
ALTERNATIVAS
SI
NO
TOTAL
FRECUENCIA
PORCENTAJE
286
100%
0
0%
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Figura 5. Organizaciones sociales
Criterio para agilitación en la búsqueda de
Información y documentos en el MIES
0%
SI
NO
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Análisis e Interpretación
Lo expuesto anteriormente hace denotar la necesidad de mejoramiento administrativo
por parte de los funcionarios del MIES para lo cual debe existir una reestructuración
organizacional y la utilización de herramientas tecnológicas para el soporte de los
datos e información derivada de las organizaciones sociales a su cargo.
57
Pregunta Nº 6 Organizaciones Sociales
¿Cree Ud. Que por medio del internet podemos almacenar datos, encontrar
información de su organización y pueda registrase sus datos para mejorar la agilite de
los trámites en el Mies?
Cuadro 6. Organizaciones sociales
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
230
80%
NO
56
20%
TOTAL
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami.
Figura 6. Organizaciones sociales
Criterio por medio del internet podemos
almacenar datos, encontrar información de su
organización.
20%
SI
80%
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación
Se hace indispensable que todas las instituciones, empresas y organizaciones cuentan
con una computadora y programas adquiridos o desarrollados a la medida que se
constituyan en el soporte para realizar las diversas actividades de acuerdo a su
naturaleza constitutiva.
58
Pregunta Nº 7 Organizaciones Sociales
¿Estaría de acuerdo que la Institución cuente con la aplicación web?
Cuadro 7. Organizaciones sociales
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
260
91%
NO
26
9%
TOTAL
286
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 7. Organizaciones sociales
Respaldo para que el MIES cuente con la aplicación
web basada en el Modelo, Vista y Controlador
9%
SI
NO
91%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación
En definitiva una vez que se ha identificado la necesidad de contar con una aplicación
Web ―Sistema automatizado de organizaciones Mies‖ (SAOM) y posteriormente se
ratifica el apoyo por parte de los líderes de las organizaciones sociales es factible que
se desarrolle el presente trabajo.
59
2.2.11.
Tabulación
y
Análisis
de
Resultados
de
encuestas
a
los
Funcionarios del MIES
Pregunta Nº 1 Funcionarios Mies.
¿Ha recibido usted algún curso sobre herramientas tecnológicas?
Cuadro 8. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
3
19%
NO
13
81%
TOTAL
16
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 8. Funcionarios del MIES
Cursos sobre Herramientas Tecnológicas
19%
81%
SI
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación.
Frente a lo expuesto, se denota la necesidad latente de conocimientos sobre
programas y aplicaciones informáticas que ayuden y soporten el desarrollo de las
actividades administrativas y operativas simplificando tiempo y optimizando recursos.
60
Pregunta Nº 2 Funcionarios Mies.
¿Existen en la institución, programas webs para el manejo de base de datos de las
organizaciones sociales, que permita el acceso, agilidad que se oriente al
mejoramiento de la gestión administrativa?
Cuadro 9. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
0
0%
NO
16
100%
TOTAL
16
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 9. Funcionarios del MIES
Existencia de Programas Web para Bases de
Datos de la información de Organizaciones
Sociales
0%
SI
100%
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación.
La totalidad manifiesta que el MIES no cuenta con un Programa Web para el manejo
de bases de datos referentes a la documentación. Al no contar con una herramienta
tecnológica que soporte bases de datos de archivos es necesario su desarrollo.
61
Pregunta Nº 3 Funcionarios Mies
¿En qué forma se almacena la documentación referente a las organizaciones sociales
que maneja el Área Jurídica del MIES?
Cuadro 10. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA PORCENTAJE
MANUAL
16
100%
AUTOMATIZADA
0
0%
MANUAL Y AUTOMATIZADA
0
0%
16
100%
TOTAL
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 10. Funcionarios del MIES
Modalidad de almacenamiento de documentación
0%
100%
MANUAL
AUTOMATIZAD
A
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación.
La manipulación manual de la documentación da lugar al deterioro, pérdida o
sustracción indebida. Además, existe una pérdida de tiempo en la búsqueda de datos o
documentos por la difícil ubicación dado que no existe una organización adecuada de
los mismos.
62
Pregunta Nº 4 Funcionarios Mies.
¿Considera que el almacenamiento físico y manipulación constante de los documentos
originales de las organizaciones sociales expone a que se genere pérdidas, sustracción
indebida y deterioro paulatino de los mismos?
Cuadro 11. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
12
75%
NO
4
25%
TOTAL
16
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 11. Funcionarios del MIES
Criterio de deterioro por manipulación física de
documentación
25%
SI
75%
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación
La documentación archivada constituyen los expedientes que son elementales para
desarrollar diversos proyectos o tramitaciones legales. Al almacenar en un espacio sin
mecanismos de control se expone a la sustracción indebida dado que la accesibilidad a
la misma es abierta y la manipulación constante da lugar a una destrucción paulatina y
la pérdida de documentos valiosos.
63
Pregunta Nº 5 Funcionarios Mies
¿Cree que existe eficiencia y rapidez para requerir los documentos o registro de las
organizaciones sociales que maneja el MIES?
Cuadro 12. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
1
6%
NO
15
94%
TOTAL
16
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 12. Funcionarios del MIES
Eficiencia y rapidez en la Información requerida
6%
SI
94%
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación.
Los Directivos del MIES al articular proyectos con las organizaciones sociales se ven
en la necesidad de tomar decisiones de diversa índole y al no conocer los datos e
información requeridos de manera oportuna y confiable referentes a la constitución
organizativa, datos personales de cada directivo y del representante legal,
conocimiento de la actividad económica-productiva específica que desarrolla, estado
actual de cada una de las organizaciones se presenta inconsistencias en las acciones.
64
Pregunta Nº 6 Funcionarios Mies
¿Estaría de acuerdo que la Institución cuente con la aplicación Web que permite
almacenar, registrar y manipular más fácilmente la información de las organizaciones
creadas y por crear por el MIES?
Cuadro 13. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
16
0%
NO
0
0%
TOTAL
16
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 13. Funcionarios del MIES
Grado de respaldo para que el MIES cuente con la
aplicación Web.
0%
SI
100%
NO
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación.
Frente a lo expuesto, existe el respaldo absoluto de los funcionarios del MIES para que
se desarrolle la presente investigación. Además es factible dado que los directivos
asumen la implantación de la aplicación Web.
65
Pregunta Nº 7 Funcionarios Mies
¿Cree usted que mejorará la calidad del servicio implantados con una aplicación web
requerido por los involucrados, frente a la agilidad de información y datos
indispensables para nuevos proyectos y trámites legales?
Cuadro 14. Funcionarios del MIES
ALTERNATIVAS
FRECUENCIA
PORCENTAJE
SI
16
100%
NO
0
0%
TOTAL
16
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Figura 14. Funcionarios del MIES
Opinión sobre las mejoras del servicio para porporcionar
información ágil, oportuna y confiable con la aplicación Web
0%
SI
NO
100%
Fuente: Información de Campo
Investigado por: Lic. Wilson Tamami
Análisis e Interpretación.
Esta herramienta tecnológica constituye el instrumento de mejoramiento de la Gestión
Administrativa de
las Organizaciones en cuanto al almacenamiento, acceso,
manipulación, actualización de datos de manera ágil, pertinente y oportuna de las
mismas.
66
2.2.12.
Entrevista a las Autoridades
Se realizó la entrevista al director Distrital del Mies, al departamento jurídico, a los
empleados de la dirección como también a las organizaciones en las reuniones que
asistieron a tratar algunos temas relacionados a la organización donde se puedo
exponer el problema y la propuesta
¿Ha recibido usted algún curso sobre herramientas tecnológicas?
Se ha reconocido la necesidad tener conocimientos sobre programas y
aplicaciones informáticas que ayuden y soporten el desarrollo de las actividades
administrativas y operativas simplificando tiempo y optimizando recursos, algo
necesario y básico por aprender.
¿Existen en la institución, programas webs para el manejo de base de datos de las
organizaciones sociales, que permita el acceso, agilidad que se oriente al
mejoramiento de la gestión administrativa?
Todos los funcionarios del MIES señalan que no cuenta con un Programa Web para el
manejo de bases de datos referentes a la documentación. Por lo que están archivando
en cartones, es necesario sistematizar procesos por la aplicación web ―Sistema
automatizado de organizaciones Mies‖ (SAOM).
¿En qué forma se almacena la documentación referente a las organizaciones
sociales que maneja el Área Jurídica del MIES?
Los funcionarios y autoridades manifiestan que la manipulación manual de la
documentación a da lugar al deterioro, pérdida o sustracción indebida. Existiendo la
pérdida de tiempo en la búsqueda de datos o documentos por la difícil ubicación.
¿Considera que el almacenamiento físico y manipulación constante de los
documentos originales de las organizaciones sociales expone a que se genere
pérdidas, sustracción indebida y deterioro paulatino de los mismos?
67
La gran mayoría ha respondido que
la documentación
almacenada en un
espacio sin mecanismos de control se expone a la sustracción indebida dado
que la accesibilidad a la misma es abierta y la manipulación constante da lugar a
una destrucción paulatina.
¿Cree que existe eficiencia y rapidez a requerir los documentos o registro de las
Organizaciones Sociales que maneja el MIES?
Los funcionarios y autoridades del MIES, se ven en la necesidad de tomar
decisiones de diversa índole
por lo que la eficiencia y rapidez son muy
necesarias a la hora de tener documentación de las organizaciones.
¿Estaría de acuerdo que la Institución cuente con la aplicación Web?
Frente a lo expuesto, existe el respaldo absoluto de los funcionarios del MIES
para que se desarrolle la presente investigación. Además es factible dado que
los directivos asumen la responsabilidad frente a la implantación de la aplicación
Web ―Sistema automatizado de organizaciones Mies‖ (SAOM) que dará la
solución a todos los problemas encontrados.
¿Cree usted que mejorará la calidad del servicio requerido por los involucrados
de las organizaciones frente a la agilidad de información y datos indispensables
para nuevos proyectos y trámites legales?
Esta herramienta tecnológica constituye el instrumento de mejoramiento de la Gestión
Administrativa de
las Organizaciones en cuanto al almacenamiento, acceso,
manipulación, actualización de datos de manera ágil desde cualquier computador para
registrar, para averiguar de una forma pertinente y oportuna. Hoy en día como se
maneja la Institución referente a las organizaciones nos ha permitido comprobar el
problema científico, llevado de la mano de análisis empírico analítico, que nos señala
que persiste el no manejo adecuado de la documentación de las organizaciones
creadas en el Mies. Por todo ello es más que justificado como necesario la
implementación de una Aplicación Web para Gestión Admirativa dentro del mismo.
68
Ya que la institución carece de una aplicación que de tales comodidades como
servicios dando que mucha información sea traspapelada como extraviada por los que
en trascurso de los años han manejado el departamento jurídico sin existir respaldo del
mismo. Tenido las respuestas más altas en la necesidad de una Aplicación Web
―Sistema automatizado de organizaciones Mies‖ (SAOM) para las organizaciones del
Mies.
2.3.
Propuesta del Investigador
En base a las respuestas a las diferentes preguntas realizadas, se mantiene que la
solución al problema es la necesidad de la creación de una Aplicaron Web que ayude a
solucionar el problema en el departamento Jurídico mantenido por varios tiempos y de
esta manera mejore su gestión administrativa dentro del Mies.
Por varios años la institución con los miembros de la organización han pasado
diferentes problemas los primeros por el número de trámites en su despacho a
manejar, como el abundante material físico en posesión del departamento jurídico sin
existir lugares educados que permitan una mejor custodia de los mismos se ha decaído
por mas buena intención existen en los funcionarios y por el otro lado el problema
también sea evidenciado en los miembros de las organizaciones, que necesitaban su
documentación o su acuerdo Ministerial el mismo que en muchos de los caso eran
varios días de esperar para su respuestas y en ese transcurso la documentación
llegaba tarde para aplicar a otros proyectos sociales, productivos y de servicios.
En base a la necesidad imperante y emergente se plantea una herramienta informática
que ayude en este problema, planteando una aplicación web ―Sistema automatizado de
organizaciones Mies‖ (SAOM) para mejorar toda la Gestión Administrativa del Mies
para brindar un mejor servicio y agilidad tanto a los clientes internos como externos.
Con la aplicación web ―Sistema automatizado de organizaciones Mies‖ (SAOM)
pretende que los problemas como no tener información a la mano de las
organizaciones a la mano para la consulta, no poder certificar si una persona pertenece
o no a una organización en un tiempo no muy largo, poder eliminar varios trámites y
hacer un pre registró, como las consultas necesarias sobre las mismas, como la
69
vinculación con organizaciones afines a su organización caminen y mejore el servicio.
Todo se lo realiza con el fin de dar la solución al problema identificado y señalado
anteriormente, que esto ha detenido de cierta manera los procesos a nivel interno
Se lo realizara gracias a la ayuda de la herramienta de Xampp que es un servidor
independiente de plataforma software libre, que está en la base de datos MySQL, el
servidor Web Apache y los intérpretes para lenguajes de script: PHP. Una ventaja que
el programa está liberado bajo la licencia GNU y actúa como un servidor Web libre,
fácil de usar y capaz de interpretar páginas dinámicas. Donde armanos la base para
agregar los campos para la Directiva.
Los teléfonos, los datos personales, número de socios, imprimir, poder subir el acuerdo
Ministerial Escaneado para su adjunto y custodio, como administrador desde servidor
controlador y dar la opción para más usuarios que manejen el sistema, además de
poder hacer un pre registró para ser nuevas organizaciones. Todo de una forma rápida,
cómoda para los clientes internos y externos que son el Mies y las Organizaciones.
2.4.
Conclusiones parciales del capítulo.
Por medio de las encuestas aplicadas a los funcionarios del Ministerio de
Inclusión
Económica y Social (MIES) se pudo dar cuenta que no hay un
sistema, que recoja toda la documentación de las organizaciones creadas y es
necesario automatizar sus procesos para mejor el servicio a la ciudadanía que
utilizan este servicio modernizando su respuesta.
Las encuestas dan como resultado la elaboración de una Aplicación Web MVC
para mejorar la gestión administrativa de las organizaciones del MIES.
Garantizando tener un mecanismo de información, registro Only, archivo y
seguimiento de los proyectos que se ejecute con dineros del MIES.
Es necesario que las autoridades del MIES informen, difundan los beneficios
que tiene la Aplicación Web MVC, que está a disposición de la gente y de su
personal a cargo, para una buena gestión administrativa y mejor los plazos de
entrega.
70
CAPITULO III
3. MARCO PROPOSITIVO
3.1.
Tema
Aplicación Web MVC para mejorar la gestión administrativa de las organizaciones del
MIES Distrito Uno, cantón Guaranda provincia Bolívar.
3.2.
Objetivos
3.2.1 Objetivo general.
Implementar de una aplicación web MVC ―Sistema automatizado de organizaciones
Mies‖ (SAOM) para mejorar la gestión administrativa de las organizaciones del MIES
Distrito Uno, Cantón Guaranda, Provincia Bolívar.
3.2.2 Objetivo específicos:
Realizar los estudios de los diferentes requerimientos que tiene el Mies para
diseñar una aplicación web para mejorar la gestión administrativa del Mies.
Diseñar la aplicación Web ―Sistema automatizado de organizaciones Mies‖
(SAOM) para la mejor administración de las organizaciones sociales creadas en
el MIES.
Desarrollo de la aplicación web con sus requerimientos para mejor la gestión
administrativa.
Ejecutar la aplicación para el ordenamiento y la alimentación de la base de datos
de las organizaciones.
71
3.3.
Desarrollo propuesta.
Para el desarrollo de la aplicación web MVC (modelo Vista y controlador) para mejorar
la gestión administrativa de las organizaciones del MIES. Será la aplicación web
―Sistema automatizado de organizaciones Mies‖ (SAOM) que siempre necesitaba la
institución como las organizaciones, con el fin de mejorar los procesos administrativos.
Llegando a la eficiencia, eficacia, rapidez en la entrega de la información como también
poder manipular los documentos por los usuarios internos y acceder a los servicios por
las organizaciones sociales que necesitan en algunos casos por sus distancias en el
mismo instante. Por ello la aplicación web ―Sistema automatizado de organizaciones
Mies‖ (SAOM) con todos sus requerimientos será la solución a la necesidad de una
buena gestión administrativa por parte del Mies.
3.3.1. Selección de la metodología y proceso de desarrollo.
Se aplica la metodología estructurada, denominado así por documentar y trabajar de
una forma estructurada la categorización de cada uno de los programas a trabajar en la
aplicación web ―Sistema automatizado de organizaciones Mies‖ (SAOM). Para el
desarrollo de software es necesario desde el inicio de cada etapa. De esta forma
cualquier error de diseño detectado en la etapa de prueba conduce necesariamente al
rediseño y nueva programación del código afectado. Será de fácil manejo y acceso.
Análisis estructurado. El diseño se realizara en base ―DFD‖ a la especificación
de requerimientos por los usuarios y manejado bajo los software con programas
que ayudaran a dar una estructura como Dreamweaver, PHP, HTML, CSS, Java
Script, que van enfocadas hacer la base de datos.
Diseño estructurado. Con el diagrama de flujo de datos, se trabajara sobre las
necesidades, requerimientos de la institución pasando a la aplicación web con
los requerimientos.
72
Desarrollo e implementación. Para el Ministerio de Inclusión Económica y
Social MIES Guaranda, en la Unidad de Asesoría Jurídica, quien esta cargo de
la documentación y todo tramite con las organizaciones.
Pruebas estructurado. Probar cada uno de las programaciones y diseños en
función de los servicios y aplicaciones a ejecutar con el diagrama de flujo de
datos, teniendo consecuencia y lógica en cada menú.
3.3.2. Selección del Proceso de Desarrollo de Software.
Las características para el desarrollo de la aplicación web ―Sistema automatizado de
organizaciones Mies‖ (SAOM) son muy eficientes, rápidas y precisas para el sistema a
desarrollar. Además del modelo, se presenta algunos aspectos relevantes del
proyecto a tener en cuenta para seleccionar el proceso de desarrollo:
3.3.3. Especificación de requisitos.
3.3.3.1 Introducción.
Se ha determinado que la aplicación web ―Sistema automatizado de organizaciones
Mies‖ (SAOM), es para óptima los recursos, los tiempos, respaldos mejorando la
gestión administrativa de la institución como de las Organizaciones Sociales, para lo
cual se considera que debe ser de fácil acceso tanto de los funcionarios del MIES
como a las organizaciones sociales, desde cualquier parte del territorio solo con tener
internet. Los usuarios beneficiarios nos ayudaron a ver cada uno de los problemas
existentes y gracias a ello se ha desarrollado la aplicación web ―Sistema automatizado
de organizaciones Mies‖ (SAOM) en vista a sus necesidades.
3.3.3.2 Propósito.
La intención de la propuesta siempre será de hacerle que la aplicación web ―Sistema
automatizado de organizaciones Mies‖ (SAOM) sea muy funcional, de fácil manejo,
con seguridades para los usuarios internos como los externos. El mismo que van
73
dirigidos a los funcionarios que van a manejar la página y a los usuarios que utilizaran
este servicio muy necesario. Cada programa y software tiene un tiempo de duración,
modificando y ampliando según vayan creciendo las necesidades, partir desde las
encuestas, entrevistas y la parte documental ayudado mucho para el desarrollo de la
aplicación web ―Sistema automatizado de organizaciones Mies‖ (SAOM).
3.3.3.3 Ámbito del Sistema.
En el Ministerio de Inclusión Económica y Social ―MIES‖ Guaranda existe la necesidad
de automatizar los procesos de búsqueda y almacenamientos de la información, como
también falta de poder realizar un pre-registro para las nuevas organizaciones como
las que ya están constituidas crear organizaciones de un grado superior que agrupe
más organizaciones y además hacer un seguimiento a las organizaciones que están
trabajando con el Mies, realizando el analices a los convenios para poder renovar
dichos convenios, por ello la propuesta de una aplicación web ―Sistema automatizado
de organizaciones Mies‖ (SAOM). Se ha vuelto más que necesario, importante para dar
una solución a todos estos problemas.
3.3.3.4 La gestión administrativa de la aplicación web.
Se encargados de ver el registro de pedidos para crear organizaciones, actualizaciones
de información referentes acuerdo ministeriales, datos de las directivas y seguimiento
para las organizaciones que trabajan con el Mies en convenios a ver si se cumplen y
entregar la información de forma rápida ahorrando tiempo en el plazo de entrega.
3.3.3.5 Diseño aplicación web:
Ingreso de información para administrador y usuario.
<?php require('Connections/mies.php');
session_start();
if (!isset($_SESSION['ss_usuario'])) {
74
$_SESSION['ss_panel']="Inicio de Sesión";
$_SESSION['ss_titulo']="Error";
$_SESSION['ss_msg']="Aun no ha iniciado una sesión, puede
hacerlo a través del Formulario de Inicio de Sesión.";
$_SESSION['ss_boton']="Aceptar";
$_SESSION['ss_color_panel']="panel-danger";
$_SESSION['ss_color_boton']="btn-danger";
$_SESSION['ss_archivo']="sesion.php";
header("Location: error.php");
}
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "",
$theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}
$theValue
=
function_exists("mysql_real_escape_string")
mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
75
?
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
mysql_select_db($database_mies, $mies);
$query_rsUsuarios = "SELECT * FROM usuarios";
$rsUsuarios = mysql_query($query_rsUsuarios, $mies) or die(mysql_error());
$row_rsUsuarios = mysql_fetch_assoc($rsUsuarios);
$totalRows_rsUsuarios = mysql_num_rows($rsUsuarios);
?>
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Adminsitración de Usuarios</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Cabecera de la Barra de Menú -->
<?php include("menu.php"); ?>
<div class="row"><br/></div>
<!-- Tabla de Administración -->
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="panel panel-info">
76
<div class="panel-heading">
<h3 class="panel-title">Administración de Usuarios</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-1"><a class="btn btn-success btn-xs" href="/usuariosnew.php">Agregar</a></div>
<div class="col-md-10"></div>
</div><br/>
<table class="table table-bordered table-hover">
<tr class="warning">
<th class="text-center">#</th>
<th class="text-center">Apellidos y Nombres</th>
<th class="text-center">Cédula</th>
<th class="text-center">Correo</th>
<th class="text-center">Clase</th>
<th colspan="2" class="text-center">Acciones</th>
</tr>
<?php $i=1; do { ?>
<tr>
<td class="text-center"><?php echo $i++;?></td>
<td class="text-center"><?php echo $row_rsUsuarios['ape_nom_us'];
?></td>
<td class="text-center"><?php echo $row_rsUsuarios['ced_us']; ?></td>
<td class="text-center"><?php echo $row_rsUsuarios['cor_us']; ?></td>
<td class="text-center"><?php echo $row_rsUsuarios['tip_us']; ?></td>
<td class="text-center"><a href="usuarios-edit.php?id_us=<?php echo
$row_rsUsuarios['id_us']; ?>"
class="btn btn-info btn-xs">Actualizar</a></td>
<td class="text-center"><a href="usuarios-confirm.php?id=<?php echo
$row_rsUsuarios['id_us']. '& usuario='.
$row_rsUsuarios['ape_nom_us']; ?>"
class="btn btn-danger btn-xs">Eliminar</a></td>
</tr>
77
<?php } while($row_rsUsuarios= mysql_fetch_assoc($rsUsuarios)); ?>
</table>
</div>
</div>
</div>
</div>
<!-- /Tabla de Administración -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
<?php
mysql_free_result($rsUsuarios);
?>
Pre-registro subir archivo pdf.
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin título</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="/prueba-guardararchivo.php">
<input type="file" name="archivo" size="60">
<input type="submit" name="submit" value="Subir archivo">
</form>
78
</body>
</html>
Guardar archivo de las organizaciones con los requerimientos en pdf.
<?php require('/Connections/mies.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "",
$theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}
$theValue
=
function_exists("mysql_real_escape_string")
mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
79
?
return $theValue;
}
}
mysql_select_db($database_mies, $mies);
$query_rsArchivos = "SELECT * FROM archivos";
$rsArchivos = mysql_query($query_rsArchivos, $mies) or die(mysql_error());
$row_rsArchivos = mysql_fetch_assoc($rsArchivos);
$totalRows_rsArchivos = mysql_num_rows($rsArchivos);
//Primero, arranca el bloque PHP y checkea si el archivo tiene nombre. Si no fue
asi, te remite de nuevo al formulario de inserción:
// No se comprueba aqui si se ha subido correctamente.
if (empty($_FILES['archivo']['name'])){
echo "El nombre del archivo está vacío...";
header("location: prueba-subir-archivo.php?proceso=falta_indicar_fichero"); //o
como se llame el formulario ..
exit;
}
// archivo temporal (ruta y nombre).
$binario_nombre_temporal=$_FILES['archivo']['tmp_name'] ;
// leer del archvio temporal .. el binario subido.
// "rb" para Windows .. Linux parece q con "r" sobra ...
$binario_contenido = addslashes(fread(fopen($binario_nombre_temporal, "rb"),
filesize($binario_nombre_temporal)));
// Obtener del array FILES (superglobal) los datos del binario .. nombre, tabamo
y tipo.
$binario_nombre=$_FILES['archivo']['name'];
$binario_peso=$_FILES['archivo']['size'];
$binario_tipo=$_FILES['archivo']['type'];
//insertamos los datos en la BD.
$query_rsArchivos = "INSERT INTO archivos (id_arch, id_org, arch_bin,
arch_nom,
arch_tam,
arch_tip)
VALUES
('',
'1',
'$binario_contenido',
'$binario_nombre', '$binario_peso', '$binario_tipo')";
mysql_query($query_rsArchivos,$mies) or die("No se pudo insertar los datos en
la base de datos.");
80
//header("location: prueba-ver-archivo-pdf.php"); // si ha ido todo bien
$archivo = $_FILES["archivo"]['name'];
echo "Este es el archivo que se ha subido: ".$archivo;
$destino = "../pdf/".$archivo;
copy($_FILES['archivo']['tmp_name'],$destino);
exit;
mysql_free_result($rsArchivos);
?>
3.3.4. Funciones del sistema.
En forma general la aplicación web ―Sistema automatizado de organizaciones Mies‖
(SAOM)
Automatizar la información.
Almacenamiento de información.
Proceso de inscripción de organizaciones
Seguimientos a convenios firmados.
3.3.5. Gestión de Proyectos.
El proyecto trabajado es con la finalidad de mejorar la atención a los usuarios internos
y externos para mejorar la gestión administrativa y esto permitirá una efectiva y
eficiente atención.
3.3.6. Gestión Administrativa.
Se refriere a la forma como se va a trabajar por parte de los funcionarios el Mies, que
será la eficiencia, la eficacia, entregando la información por la aplicación web,
seguimiento de organizaciones que trabajan con el Mies mediante convenios.
81
3.3.7. Atención a las organizaciones sociales.
Esto conlleva a las solicitudes que las organizaciones hacen en casos vía verbal y
otras escritas sobre pedidos de información, como también los requisitos para crear
nuevas
organizaciones,
será
ahora
realizada
por
aplicación
web
―Sistema
automatizado de organizaciones Mies‖ (SAOM)
3.3.8. Seguimiento de “SAOM”.
Se ha enfocado el servicio que dará la aplicación web ―Sistema automatizado de
organizaciones Mies‖ (SAOM), con el fin de mejorar las gestión administrativa desde el
punto de iniciar un pre-registro con los requisitos bajados desde la web, seguimiento de
proyectos y convenios, registro de organizaciones, sistematizando todos los procesos
actuales.
3.3.9. Funciones y características de “SAOM”.
3.3.9.1 Funciones Administrador.
Capacidad de acceso general a la aplicación web.
Poder actualizar los datos de la organización.
Verificar y aprobar los pre-registros ingresados por los usuarios externos.
Capacidad de asignar usuario.
Facultad si es caso, de crear o eliminar ―usuario‖.
3.3.9.2 Funcionario MIES.
Capacidad de Validar información ingresada o actualizada.
82
Capacidad de búsqueda y visualización de la información de cada Organización
Social.
Impresión de información.
Capacidad aprobar los Pre – registro.
Poder definir usuarios
Control y seguimiento a convenios.
3.3.9.3 Funciones Usuario.
Capacidad de realizar un Pre – registro.
Visualización y consulta de información.
Bajar modelos y requisitos para crear organizaciones.
actualizar la información de directivas.
Actualización de nuevos socios.
3.3.10.
Restricciones.
El sistema implementará las políticas del Ministerio de Inclusión Económica y Social
―MIES‖ referente al servicio que ofrece a la sociedad.
En referencia a las prohibiciones de software y hardware, se sugiere se trabaje con
navegador Mozilla Firefox en la web.
No podrán los usuario externos actualizar o alterar su organización ya que el sistema
no le permitirá, en vista que esa función lo hará el usuario interno con una clave de
ingreso.
83
La información subida en formato pdf de los pre-registros y actualizaciones de
directivas imposibilitara su alteración.
3.3.11.
Suposiciones y Dependencias.
3.3.11.1 Suposiciones.
La información referente a la aplicación web ―Sistema automatizado de organizaciones
Mies‖ (SAOM). Aprobado por el departamento jurídico quien maneja y este cargo de las
organizaciones, para realizar cambios en el ―Sistema automatizado de organizaciones
Mies‖ (SAOM), será en acuerdo de las dos partes quien son los desarrolladores y las
personas que hacen el departamento jurídico, una vez hecho llegar a acuerdos.
3.3.11.2 Dependencias.
La aplicación web MVC funcionara en la web cargando su estructura. Para la oficina
del MIES es necesario una colección de red donde se podrá acceder al ―Sistema
automatizado de organizaciones Mies‖ (SAOM).
3.4.
Diseño del Programa (Implementación del diseño)
3.4.1. Selección del proceso desarrollo de Software.
Las herramientas son un factor clave para el desarrollo de la aplicación ya que
determinan que tan rápido se puede realizar ciertas tareas, de esta forma se determina
los requerimientos en cuanto al software que se utiliza, es decir; sistemas operativos,
lenguajes de programación, editores para el desarrollo Web y otros componentes.
84
3.4.2. Interfaces Software.
No habrá ninguna interfaz de sistema web o software que tiene sistemas externos.
3.4.3. Comunicación de la aplicación web.
La comunicación de la aplicación web será por medio del internet en la web desde
cualquier lugar que tenga absceso a una computadora e internet.
3.4.4. Sistema Operativo
Para el desarrollo de la aplicación web, se utilizará un sistema operativo estándar,
como es Windows, que podrían ser en la versión, XP, 7 u 8, con la finalidad de no tener
complicaciones al utilizar las demás herramientas de desarrollo web, que veremos a
continuación.
3.4.5. Lenguaje de Programación
Para el desarrollo de la aplicación web y en base a sus requerimientos se utiliza el
entorno de desarrollo Dreamweaver, con el lenguaje PHP, por ser este muy sencillo
en su uso y de fácil modificación.
El Wamp Server está diseñado específicamente para tener soporte completo para
arquitectura MVC. Casi todos los componentes en el paquete básico de FuelPHP se
pueden ampliar sin tener que cambiar una sola línea de código donde se utiliza. Su
arquitectura MVC, permite reutilizar el código, haciéndolo más liviano y ágil. Permite
también crear módulos de aplicación divididos y dentro de estos otros sin afectar al
resto, haciéndolo fácil de manejar.
85
3.5.
Diseño de Base de Datos.
El diseño de la base de datos se realizó en MySQL con PhpMyAdmin. Siendo una
herramienta gratuita donde se creó cada una de las tablas de base de datos MySQL en
un lenguaje de programación muy fácil de aplicar y ejecutar una vez diseñado las
necesidades de los usuarios que en este caso son Internos y externos del Ministerio de
Inclusión Económica y Social.
Creamos los campos, donde están usuarios, administrador y contactos, en esta vamos
creando y diferenciando para que los usuarios externos no puedan tener las mismas
opciones de aprobación o poder ellos mismos autorizar, la autorización y validación lo
harán los usuarios internos del Mies. Será como parte de la seguridad.
Nombre
la
organización
Provincia
Nombre
del
CI.
Número de
Nombre
Tesorero
Vocales
representant
represent
socios
del
e legal
ante legal
Cantón
Parroquia
Situación
Fecha
Acuerdo
actual
de
ministerial
secretario
Comunidad
creación
Tabla15 Formulario de información
Fuente: Autor
Tabla Socios: podrán poner todos los datos anteriores de una organización pero quien
lo aprueba es el funcionario del Mies, como la información. Miembros y Directivas.
Tabla Organizaciones: se hará el registro y un pre-registro del pedido de una
organización.
Tabla proyectos. Es con la finalidad de registrar proyectos y si han cumplido hacer
seguimiento. Porqué se firman convenios y después no cumplen y les siguen dando
más contratos.
86
El crear un usuario para poder acceder en Privilegios de la base de datos, terminando
así todo el recorrido de la base de datos.
3.5.1. Diagrama entidad relación.
Figura 15: Diagrama entidad relación 1
Fuente: Autor
3.5.1.1
Cuadro de relaciones
Entidad: Que refleja las diferentes tablas
Relación: asocia una entidad con otra.
Atributos: Son únicos para cada persona
3.5.1.2
Desarrollo de las tablas.
87
Organizaciones tablas:
nom_org
Nombre id_org
Organización
rep_org Ced.
Representant
e
Id.
nsoc_or
g
Numero
Socios
cap_or dir_org
g
id_int
tip_org
fcrea_org
Integrantes
Tipo
Creación
com_org
par_org
can_or pro_org
Direcció Comunida Parroqui g
Capital n
d
a
Provinci
Cantón a
Fecha cor_org
Correo ruc_org
Electrónico
RUC
est_org
acu_org
Estado
Acuerdo cel_or
Preregistr Ministeri g
o
al
doc_org
Documento
s Adjuntos
Socio tablas:
id_soc
ced_soc
ape_nom_soc Apellidos
dir_soc
fnac_soc Fecha
Id.
Cédula
Nombres
Dirección
Nacimiento
cor_soc Correo
tel_soc Tel. Convencional
Electrónico
cel_soc Tel.
Móvil
id_org Organización
esdir_soc
fun_soc Función
Organización
est_soc Estado de
Socio
Proyectos tablas:
# Nombre
Tipo
1 id_proy
int(8)
Cotejamiento
Atributos Nulo Predeterminado Extra Acción
No
Ninguna
2 nom_proy char(80) utf8_spanish_ci
No
Ninguna
3 des_proy char(255) utf8_spanish_ci
Sí
NULL
4 doc_proy longblob
Sí
NULL
5 id_org
Sí
NULL
int(8)
Usuario tablas:
id_us cta_us
pass_us tip_us cor_us
ape_nom_us
ced_us
tel_us
fnac_us
1
wtamami 1234
1
[email protected]
Tamami Wilson 0201248556 0993646945 1978-03-03
2
Drealpe 1234
1
[email protected]
Realpe Diego
88
0201214078 0997990461 1972-02-19
tel_or
g
3.6.
id_us cta_us
pass_us tip_us cor_us
19
1234
Maria
2
ape_nom_us
ced_us
tel_us
fnac_us
[email protected] Mary Pazmiño 0201260841 0999392819 1954-09-13
Codificación.
Es la fase en donde se implementa el código fuente, haciendo uso de prototipos así
como de pruebas y ensayos para corregir errores. Dependiendo del lenguaje de
programación y su versión se crean las bibliotecas y componentes reutilizables dentro
del mismo proyecto para hacer que la programación sea un proceso mucho más
rápido.
3.6.1. Script base de datos.
- Base de datos: `mies`
-- --------------------------------------------------------- Estructura de tabla para la tabla `organizaciones`
CREATE TABLE `organizaciones` (
`id_org` int(8) NOT NULL AUTO_INCREMENT COMMENT 'Id.',
`nom_org` char(80) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Nombre
Organización',
`id_int` int(8) NOT NULL COMMENT 'Integrantes',
`tip_org` char(20) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Tipo',
`fcrea_org` date NOT NULL COMMENT 'Frecha Creación',
`rep_org` char(10) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Ced.
Representante',
`nsoc_org` int(8) NOT NULL COMMENT 'Numero Socios',
`cap_org` float NOT NULL COMMENT 'Capital',
`dir_org` char(100) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Dirección',
`com_org` char(60) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Comunidad',
89
`par_org` char(30) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Parroquia',
`can_org` char(30) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Cantón',
`pro_org` char(30) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Provincia',
`ruc_org` char(13) COLLATE utf8_spanish_ci NOT NULL COMMENT 'RUC',
`est_org` tinyint(1) NOT NULL COMMENT 'Estado',
`acu_org` char(255) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Acuerdo
Ministerial',
`doc_org` longblob NOT NULL COMMENT 'Documentos Adjuntos',
PRIMARY KEY (`id_org`,`nom_org`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci
AUTO_INCREMENT=2 ;
-- Volcado de datos para la tabla `organizaciones`
INSERT INTO `organizaciones` (`id_org`, `nom_org`, `id_int`, `tip_org`, `fcrea_org`,
`rep_org`, `nsoc_org`, `cap_org`, `dir_org`, `com_org`, `par_org`, `can_org`, `pro_org`,
`ruc_org`, `est_org`, `acu_org`, `doc_org`) VALUES
(1, 'COMITE DE DESARROLLO COMUNAL 2 DE ABRIL', 0, 'ALGUNA', '2015-06-09',
'FRANCISCO', 0, 0, '', '', '', '', '', '', 0, '', ''); -- Disparadores `organizaciones`
DROP TRIGGER IF EXISTS `eliminar_proyectos`;
DELIMITER //
CREATE TRIGGER `eliminar_proyectos` AFTER DELETE ON `organizaciones`
FOR EACH ROW DELETE FROM proyectos WHERE proyectos.id_org =
organizaciones.id_org
//
DELIMITER ;
-- -------------------------------------------------------- Estructura de tabla para la tabla `proyectos`
CREATE TABLE `proyectos` (
`id_proy` int(8) NOT NULL COMMENT 'Id.',
`nom_proy` char(80) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Nombre',
90
`des_proy` char(255) COLLATE utf8_spanish_ci DEFAULT NULL COMMENT
'Descripción',
`doc_proy` longblob COMMENT 'Documentos',
`id_org` int(8) DEFAULT NULL,
PRIMARY KEY (`id_proy`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci;
--------------------------------------------------------- Estructura de tabla para la tabla `socios`
CREATE TABLE `socios` (
`id_soc` int(8) NOT NULL AUTO_INCREMENT COMMENT 'Id.',
`ced_soc` char(10) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Cédula',
`ape_nom_int` char(60) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Apellidos
Nombres',
`dir_soc` int(80) NOT NULL COMMENT 'Dirección',
`fnac_soc` date NOT NULL COMMENT 'Fecha Nacimiento',
`esdir_soc` binary(50) NOT NULL,
`fun_soc`
set('PRESIDENTE','VICEPRESIDENTE','SECRETARIO','TESORERO','VOCAL
1','VOCAL 2','VOCAL 2','VOCAL 3','SOCIO') COLLATE utf8_spanish_ci NOT NULL
COMMENT 'Función Organización',
`cor_soc` char(60) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Correo
Electrónico',
`tel_soc` char(10) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Tel.
Convencional',
`cel_soc` char(10) COLLATE utf8_spanish_ci NOT NULL COMMENT 'Tel. Móvil',
`id_org` int(8) NOT NULL COMMENT 'Organización',
PRIMARY KEY (`id_soc`),
91
UNIQUE KEY `ced_soc` (`ced_soc`)
)
ENGINE=InnoDB
DEFAULT
CHARSET=utf8
COLLATE=utf8_spanish_ci
AUTO_INCREMENT=1 ;
--------------------------------------------------------- Estructura de tabla para la tabla `usuarios`
CREATE TABLE `usuarios` (
`id_us` int(11) unsigned NOT NULL AUTO_INCREMENT,
`cta_us` char(20) DEFAULT NULL,
`pass_us` char(15) DEFAULT NULL,
`tip_us` int(1) DEFAULT NULL,
`cor_us` char(60) DEFAULT NULL,
`ape_nom_us` char(60) DEFAULT NULL,
`ced_us` char(10) NOT NULL,
`tel_us` char(10) DEFAULT NULL,
`fnac_us` date DEFAULT NULL,
PRIMARY KEY (`id_us`),
KEY `nom_us` (`ape_nom_us`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ;
-- Volcado de datos para la tabla `usuarios`
INSERT
INTO
`usuarios`
(`id_us`,
`cta_us`,
`pass_us`,
`tip_us`,
`cor_us`,
`ape_nom_us`, `ced_us`, `tel_us`, `fnac_us`) VALUES
(1, 'wtamami', '1234', 1, '[email protected]', 'Tamami Wilson', '02012', '0998', '200906-15'),
(2,
'drealpe',
'1234',
2,
'[email protected]',
'0997990461', '1972-02-19'),
92
'Realpe
Diego',
'0201214079',
(3,
'mpazmiño',
'1234',
2,
'mpazmiñ[email protected]',
'Pazmiño
María
Luisa',
'0202020302', '0983838823', '2972-07-08');
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS
*/;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Pantalla de ingreso al programa SAOM. Sistema de administración de organizaciones
del Mies.
Figura 16: Inicio de Sesión 1
Fuente: Autor
Figura 17: Menú Aplicación Web 1
Fuente: Autor
93
3.6.2. Desarrollo de la Aplicación Web
Para crear la aplicación web, con servidor web, en PHP, HTML, AJAX y JAVASCRIPT
en lenguajes de programación. La aplicación podemos descargar desde el siguiente
link: http://www.menphisnet.com/soam/requisitos.php
3.6.3. Atributos de calidad que pueden observarse durante la ejecución del
software
Se debe implementar una aplicación de acceso en cualquier locación y de cualquier
computador, con un usuario autorizado para reservar la información, con los siguientes
parámetros de cada organización:
Para crear un organización
Funcionario
Usuario
Nombre la organización
Si
Si
Nombre del representante legal
Si
Si
Número de cédula del representante legal
Si
Si
Número de socios
Si
Si
Nombre del secretario
Si
Si
Tesorero
Si
Si
Vocales
Si
Si
Acuerdo ministerial
Si
Si
Fecha de creación
Si
Si
Provincia
Si
Si
Cantón
Si
Si
Parroquia
Si
Si
Comunidad
Si
Si
Aprobación de la organización
Si
No
Tabla16: Usuario y Administrador 1
Fuente: Autor
94
3.6.3.1.
Menú Pre-registro.
En el pre-registro permitirá al usuario y al administrador digitalizar los datos de los
futuros socios de la organización a registrase y cargar el pdf. Que esta todos los
requerimientos pedidos para una creación nueva, actualización de directivas y socios.
Figura 18: Pre-registro Mies
Fuente: Autor
Cargado el pdf. y la información de la organización, el administrador del Mies podrá
revisar toda la información como también aprobar o eliminar su creación si está mal la
información enviada y digitada.
95
Figura 19: Aprobación y eliminación de organización 1
Fuente: Autor
Sera el lugar donde se almacene la información de las organizaciones teniendo la
facultad de actualizar las que están ya creadas, permite sistematizar la información.
Figura 20: Administración de organización 2
Fuente: Autor
Esta ventana podremos actualizar solo directivas en forma ordenada cuando
necesitemos solo nos nombres de los directivos en pidiendo que se duplique su
información
Figura 21: Lista de organizaciones para directivas 3
Fuente: Autor
96
En la ventana se actualizara los socios de cada organización evitando que se duplique,
será el control.
Figura 22: Lista socios de organizaciones 4
Fuente: Autor
En esta ventana están las organizaciones que hacen convenios con el Mies
Figura 23: proyectos con el Mies 5
Fuente: Autor
Están los datos del Mies Guaranda para cualquier consulta o necesidad de
información.
Figura 24 Contactos y soporte técnico 6
Fuente: Autor
97
3.6.4. Implementación.
La Aplicación web ha sido implantada en el Mies- Guaranda, tomando en cuenta cada
consideración para que funcione el sistema correctamente.
Requerimiento Hardware:
Procesador Corel i 7
Almacenamiento 500 Gb.
Memoria Ram 4Gb.
Requerimiento Hardware:
Sistema Operativo Windows 7 x86/x64
PostgreSQL 9.3
JAVA 7
3.6.5. Mantenimiento.
El mantenimiento
de la aplicación web SAOM, Sistema de Administración de
Organizaciones del MIES será responsabilidad del Mies Distrito Guaranda.
98
3.6.6. Presupuesto.
MATERIALES
CANTIDAD
PRECIO
PRECIO TOTAL
UNITARIO
Talentos humano “investigador”
1
3000.00
3000.00
Material técnicos
1
1000.00
1000.00
Internet
1
200.00
200.00
TOTAL
4200.00
Tabla17 Formulario de información
Fuente: Autor
3.6.7. Gestión del Proyecto.
La aplicación Web SAOM, Sistema de Administración de Organizaciones del Mies, fue
realizada por el autor, con la colaboración de los funcionarios de Mies en sus
requerimientos.
99
CONCLUSIONES.
La Información que posee una institución es el activo más importante ya que permite
primera cuantificar el trabajo realizado y tener el sustento del mismo, es por eso que
las estrategias vertidas son de suma importancia porque permitirán tener un control y
asegurar la información de la manera más correcta posible.
La utiliza la Aplicación Web MVC ―Sistema automatizado de organizaciones Mies‖
(SAOM). Con el Modelo Vista y Controlador ha permitido encaminar la gestión
administrativa en el Mies.
Mediante el desarrollo del presente trabajo se pudo llegar a entender que la Aplicación
Web MVC ―Sistema automatizado de organizaciones Mies‖ (SAOM). Es un conjunto de
soluciones que están al servicio de la Institución del Mies como de los miembros de las
Organizaciones.
El uso de las diferentes herramientas permitirá al usuario externos como internos
recibir y dar un mejor servicio, mejorando los tiempos de respuestas.
100
RECOMENDACIONES.
Se recomienda cada año EL MIES, ponga en práctica cada una de las indicaciones
señaladas para aprovechar más el uso de esta herramienta. Con la finalidad de realizar
un seguimiento de la evolución que va ir teniendo el programa en el uso diario.
Es importante que se considere las nuevas tecnologías y comunicación que se dan
para ellos deben ser revisadas con el fin de controlar posibles fallos.
Es transcendental manejar herramientas que permitan optimizar tiempo y controlar en
cada etapa del proyecto su ejecución.
101
BIBLIOGRAFÍA.
ALEGSA.com.ar. (10 de 08 de 2010). http://www.alegsa.com.ar/Dic/aplicacion%20web.php.
Recuperado el 02 de 08 de 2015
ALVAREZ, K. I. (2014). Internet. Quito: informatica.
Álvaro Gómez Vieites, C. O. (2011). Redes de ordenadores e Internet: Funcionamiento,
servicios ofrecidos y alternativas de conexión. 2a Edición. Ecuador: Ra-Ma, Librería y
Editorial Microinformática.
Azaustre, C. (2015). Desarrollo Web Agil con Angular.js. Madrid: Copyright.
Benito Ramos Ramos, C. S. (2013). Planificación Estratégica como método de gestión pública.
INAP.
Benito Ramos Ramos, Consuelo Sánchez. (2013). Planificación Estratégica como método de
gestión pública: experiencias en la. Composiciones RALI S.A.
(s.f.). bienadministrar.blogspot.com/2012/09/esta-definicion-se-subdivide-en-cinco.html.
Cardador, A. L. (2014). Desarrolllo con Aplicacion con Tecnologia Web. IC Editorial .
Castillo, E. (2014). INTERNET Y TIC. Quito: CLASE DE INFORMACION.
Concepto.De. (2015). concepto.de/gestion/.
CUMBRERAS, I. M. (2013). Programacion. España: GARCETA GRUPO EDITORIAL.
definicionabc.com/politica/administracion-publica.php. (s.f.). Definición de Administración
pública. ABC.
Diego, G. J. (2012). El Gran Libro de HTML 5. BARCELONA: Marcombo S.A.
Diego, G. J. (2012). El Gran Libro de HTML CSS3 y JAVASCRIPT. BARCELONA:
MARCOMBO S.A.
DIEGO, G. J. (2012). EL GRAN LIBRO DE HTML, CSS3 Y JAVASCRIPT. BARCELONA:
MARCOMBO S.A.
Difinicion.MX. (s.f.). http://definicion.mx/gestion.
Dolores Cuadra, E. C. (2014). DISEÑO DE BASE DE DATOS. España: Ana Isabel Arribas
Partido.
Dreamwever. (2010). Crhistian Demian Doyle. Zamora: Gradi S. A.
Fernandez, C. D. (2009). Bases de Datos conceptos Basicos. Colombia: Sena Regional Cauca.
García, J. C. (2013). La Complejidad de la sociedad abierta. Estructuras estacionarias. INAP.
Gauchat, J. D. (2012). El gran libro de Html5, CSS3 y Javascript. Barcelona: Marcombo S. A.
Gauchat, J. D. (2012). El Gran Libro HTML5, CSS3 y Javascript. Barcelona: S. A.
GLASS, F. (2013). APLICACION WEB. EE.UU: GAMERANGER.
Gonzalez, J. C. (2015). Formacion y Orientacion Profecional. España: Paraninfo S.A.
Grafic, D. (2010). Aprender Dreamwever CSS5 con 100 ejercicios practicos. . Barcelona:
Impreso en Grafo S. A.
Grafic, D. (2010). Aprender DreamweverCSS5 con 100 ejercicios practicos. Barcelona: Impreso
en Grafo S. A.
Group, O. (2007). Adobe Dreamweaver CS3. San José California EE.UU: Adobe systems
incorporated.
Guerin, B. A. (2013). ASP.NET en c# con Visual studio 2013. España: ENI.
Juan, D. G. (2012). El Gran libro de HTML, CSS3 y JAVASCRIPT. BARCELONA:
MARCOMBO S.A.
Kahn, V. C. (mayo de 1974.). "Un protocolo sobre la interconexión de red de paquetes". U.S.A.:
Internet Society.
María José Navarrete, L. A. (2015). Gestión de la documentación jurídica y empresarial.
Madrid: INAP.
marketiweb.com. (2014). LAS CARACTERÍSTICAS MÁS IMPORTANTES DE UNA WEB.
Obtenido
de
http://marketiweb.com/empresa/blog/item/70-las-caracteristicas-mas-
importantes-de-una-web#.VeM-35d1yZe.
Martin, J. L. (2015). Camsi. Secretaria general Tecnica.
Martin, J. R. (2011). Aplicaciones Web. Madrid: Quality SGE.
Melgarejo, J. (22 de diciembre de 2011). Conociendo Sistemas de Gestion de Documentos.
Recuperado
el
23
de
agosto
de
20015,
de
http://conociendosgd.blogspot.com/2011/12/ventajas-y-desventajas-de-los-sistemas.html.
MULTIMEDIA, A. (2003). DESARROLLO WEB CON PHP Y MYSQL. PROGRAMACION .
españa: ANAYA MULTIMEDIA.
Muñoz, V. E. (2013). El nuevo PHP. Conceptos avanzados. España: Bubok Publishing S. L.
Muñoz, V. E. (s.f.). El nuevo PHP. España: Bubok Publishing S.L.
Muñoz, Vicente Eslava. (2013). El nuevo PHP paso a paso. Barcelona: ISBN Acabado.
Noemí, V. R. (2009). APLICACIONES WEB 2.0. Eduvim: Damian Truccone.
Ponce, A. R. (2004). Administración moderna. Mexico: Limusa S.A.
Romano, G. (2015). Diseño de Páginas WEB . Mexico: Temas Cientificos.
Rosana Francescato, L. S. (2005). Dreamweaver 8. San Francisco: Inc. 601 Townsend St.
Sanchez, E. G. ( 2014). Redes y Internet. Marpadal interactive Media.
Sierra, F. J. (2007). Enciclopedia de Microsoft Visual C#. Ecuador: RA-MA S.A. Editorial .
Stanek, W. R. (2008). SQL Server 2008. España: Anaya Multimedia, 2009.
Stuardo, M. C. (1968). Las Relaciones Humans y la Administracion de Personal. Chile: Andres
Bello.
Velez, D. (2012). http://bienadministrar.blogspot.com/2012/09/esta-definicion-se-subdivide-encinco.html.
Villoria, R. M. (2009). APLICACIONES WEB 2.0. eduvin: Damian Truccone.
Web, L. E. (2013). alexis1703.wordpress.com/ventajas-y-desventajas-web-2-0.
Anexos
UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES
FACULTAD SISTEMAS MERCANTILES
Entrevista dirigida a: a los Servidores Públicos que trabajan en el Ministerio de Inclusión
Económica y Social, Distrito uno, cantón Guaranda, provincia Bolívar.
Objetivo:
Recopilar información relevante acerca de la factibilidad para la aplicación WEB
basada en el Modelo-Vista -Controlador orientada a mejorar la gestión
administrativa de las organizaciones del MIES.
1. ¿Ha recibido usted algún curso sobre herramientas tecnológicas?
SI (
)
NO (
)
Porque………………………………………………………………………………………...
2. ¿ Existen en la institución, programas webs para el manejo de base de datos de
las organizaciones sociales, que permita el acceso, agilidad que se oriente al
mejoramiento de la gestión administrativa.?.
SI (
)
NO (
)
Porque………………………………………………………………………………………...
3. ¿En qué forma se almacena la documentación referente a las organizaciones sociales
que maneja el Área Jurídica del MIES?
Manual
(
)
Automatizada
(
)
Manual y Automatizada (
)
4. ¿Considera que el almacenamiento físico y manipulación constante de los documentos
originales de las organizaciones sociales expone a que se genere pérdidas, sustracción
indebida y deterioro paulatino de los mismos?
SI (
)
NO (
)
5. Cree que existe eficiencia y rapidez a requerir los documentos o registro de las
Organizaciones Sociales que maneja el MIES?
SI (
)
NO (
)
6. ¿Estaría de acuerdo que la Institución cuente con la aplicación que permite almacenar y
manipular más fácilmente la información de las organizaciones creadas en el MIES?
SI (
)
NO (
)
Porque………………………………………………………………………………………...
7. ¿Cree usted que mejorará la calidad del servicio implantados con una aplicación web
requerido por los involucrados, frente a la agilidad de información y datos indispensables
para nuevos proyectos y trámites legales?
SI (
)
NO (
)
Porque………………………………………………………………………………………...
GRACIAS POR SU COLABORACIÓN
UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES
FACULTAD DE SISTEMAS MERCANTILES
Encuesta dirigida a: líderes de las Organizaciones Sociales creadas en el Ministerio de
Inclusión Económica y Social Distrito uno Cantón Guaranda.
Instrucciones:
LEA
CUIDADOSAMENTE
Y
RESPONDA
CON
SINCERIDAD,
MARCANDO CON UNA (X) SI O NO, DE ACUERDO A SU RESPUESTA.
1. ¿Cuenta con una computadora en su organización?
SI (
)
NO (
)
2. ¿En el momento que ha requerido de información y documentación de su organización,
el MIES le ha proporcionado de manera oportuna, ágil y confiable?.
SIEMPRE (
)
CASI SIEMPRE (
RARA VEZ (
NUNCA
(
)
)
)
3. Cree usted que en el Departamento jurídico del MIES, distrito Uno existe una adecuada
organización con respecto al control de documentos y la tramitación de servicios?
SI (
)
NO (
)
4. Ha tenido inconvenientes derivados de la demora en la entrega de la información de su
organización frente a los trámites habituales en el MIES?
SI (
)
NO (
)
5. Le gustaría que los procesos de búsqueda de su documentación sean más rápida en el
MIES?
SI (
)
NO (
)
6. ¿Cree Ud. Que por medio del internet podemos almacenar datos, encontrar
información de su organización y pueda registrase sus datos para mejorar la
agilite de los trámites en el Mies?
SI (
)
NO (
)
7.¿Estaría de acuerdo que la Institución cuente con la aplicación Web ?
SI (
)
NO (
)
GRACIAS POR SU COLABORACIÓN
Anexos fotos.
Requisitos del Mies. Departamento jurídico.
Departamento Jurídico
Reuniones con organizaciones. Socialización y Encuetas.
Socialización y encuestas.
