universidad regional autonoma de los andes...
TRANSCRIPT
-
UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES
UNIANDES
FACULTAD SISTEMAS MERCANTILES
MAESTRA EN INFORMTICA EMPRESARIAL
TESIS PREVIO A LA OBTENCION DEL GRADO ACADEMICO DE MAGISTER EN
INFORMATICA EMPRESARIAL
TEMA: APLICACIN WEB MVC PARA MEJORAR LA GESTIN ADMINISTRATIVA
DE LAS ORGANIZACIONES DEL MIES DISTRITO UNO CANTN GUARANDA
PROVINCIA BOLVAR.
AUTOR:
LIC. JORGE WILSON TAMAMI PACHALA
TUTOR:
ING. FREDDY BAO Ms.C.
AMBATO - ECUADOR
2015
-
APROBACIN DEL TUTOR
Yo, Ing. Bao Freddy Patricio Ms.C. catedrtico asesor del trabajo de titulacin para
la Maestra en Informtica Empresarial y cuyo tema es: APLICACIN WEB MVC
PARA MEJORAR LA GESTIN ADMINISTRATIVA DE LAS ORGANIZACIONES
DEL MIES DISTRITO UNO CANTN GUARANDA PROVINCIA BOLVAR, manifiesto
que la presente investigacin ha sido desarrollada por el alumno Lic. Jorge Wilson
Tamami Pachala y sometida a revisin, por lo tanto autorizo la presentacin de la
misma para su trmite correspondiente.
__________________________________
Ing. Freddy Bao N., Ms.C.
ASESOR
-
CERTIFICACIN DE AUTORA
Yo, Jorge Wilson Tamami Pachala, declaro bajo juramento que el trabajo aqu descrito
es de mi autora: que no ha sido previamente presentado para ningn grado o
calificacin profesional; y, que he consultado las referencias bibliogrficas que se
incluyen en este documento.
A travs de la presente declaracin cedo mis derechos de propiedad intelectual
correspondiente a este trabajo, a la UNIVERSIDAD REGIONAL AUTNOMA DE LOS
ANDES, segn 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
apoyndome con los concejos y amor que me dan, a mi hija Camila y Juana Pablo
quienes son mi razn de ser y de existir, a mi esposa por su comprensin. A las
personas que en su momento me ayudaron, no pueden ser tu familia pero estn ah
estuvieron cuando ped su ayuda, gracias a papito Dios porque nuca me abandono y
darles las gracias por las lecciones que me da da a da.
Lic. Wilson Tamami P.
-
AGRADECIMIENTO
Es una gratitud muy grande que se tiene con la Universidad Regional Autnoma de
los Andes, la departamento de Posgrado, a los docentes que fueron mis maestros de
aulas que nos impartieron enseanza, conocimientos y lo ms importante ensearnos
sobre la tica y la moral lo cual me servir en mi vida profesional, a los licenciados que
son mis pares acadmicos que me guiaron.
De igual manera al Ing. Freddy Bao M.S.C tutor, quien con su ayuda constante ha
contribuido para realizar este trabajo de grado.
Lic. Wilson Tamami P.
-
NDICE GENERAL
APROBACIN DEL TUTOR
CERTIFICACIN DE AUTORA
DEDICATORIA
AGRADECIMIENTO
NDICE GENERAL
NDICES DE GRFICOS
NDICE DE FIGURAS
NDICE DE CUADROS
RESUMEN EJECUTIVO
SUMARY
INTRODUCCIN ............................................................................................................................................. 1
Planteamiento del Problema ........................................................................................................................ 2
Formulacin del Problema ............................................................................................................................ 3
Delimitacin del Problema ............................................................................................................................ 4
Objeto de Estudio, Campo de Accin .......................................................................................................... 4
Objetivo General ........................................................................................................................................... 4
Objetivos Especficos ..................................................................................................................................... 4
Idea a Defender ............................................................................................................................................. 5
Justificacin ................................................................................................................................................... 5
Metodologa de Investigacin ....................................................................................................................... 6
Resumen de la Estructura de la Tesis ............................................................................................................ 7
Novedad, Aporte Terico y Significancia Prctica. ....................................................................................... 8
Aporte terico. .............................................................................................................................................. 8
Significacin Prctica ..................................................................................................................................... 9
Novedad Cientfica ........................................................................................................................................ 9
CAPITULO I .................................................................................................................................................. 10
1 MARCO TERICO ................................................................................................................................. 10
1.1. La Historia del Internet............................................................................................................10
1.1.1 Definicin de internet. ............................................................................................................11
1.1.2 Funcionamiento del Internet ..................................................................................................12
1.1.3 Caractersticas del internet. ....................................................................................................13
1.1.4 Virus informtico. ....................................................................................................................14
1.1.5 Un navegador. .........................................................................................................................15
1.1.6 Una red social. .........................................................................................................................15
-
1.2. Definicin de Aplicacin Web. ...................................................................................................16
1.2.1. Estructura de las Aplicaciones web. ........................................................................................16
1.2.2. Caractersticas de las aplicaciones web. .................................................................................17
1.2.3. Ventajas de la web. .................................................................................................................18
1.2.4. Desventajas de la Web. ...........................................................................................................19
1.3. El Patrn MVC. ...........................................................................................................................19
1.3.1. Orgenes del Modelo Vista Controlador .................................................................................20
1.3.2. Caractersticas de modelo visto y controlador .......................................................................21
1.3.3. Ventajas de utilizar el MVC .....................................................................................................22
1.4. Lenguaje de programacin. ........................................................................................................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. Caractersticas Dreamweaver. ................................................................................................26
1.4.6. Ventajas de Dreamweaver cs5. ...............................................................................................27
1.5. Definicin PHP .............................................................................................................................28
1.5.1. Caractersticas de PHP.............................................................................................................29
1.6. Definicin de base de datos. .......................................................................................................29
1.6.1. Caractersticas base de datos. .................................................................................................30
1.7. Concepto HTML. ..........................................................................................................................31
1.7.1. Caractersticas HTML. ..............................................................................................................32
1.8. Concepto CSS3 ............................................................................................................................33
1.8.1. Caractersticas CSS3 ................................................................................................................33
1.9. Concepto JavaScript. ...................................................................................................................34
1.9.1. Caractersticas de JavaScript. ..................................................................................................35
1.10. Definicin de administracin. .....................................................................................................35
1.10.1. Subdivide la administracin: ..................................................................................................36
1.10.2. Diferencias de la Administracin Pblica ................................................................................37
1.10.3. Diferencias de la Administracin Privada ...............................................................................37
1.10.4. Caractersticas de la Administracin. ......................................................................................38
1.10.5. La Administracin Pblica. ......................................................................................................39
1.10.6. Ventajas de la Administracin pblica ....................................................................................40
1.10.7. Las desventajas de un Administrador pblico son: .................................................................41
1.11. DEFINICIN DE GESTIN. ...........................................................................................................41
1.11.1. Instrumentos de gestin. ........................................................................................................42
1.11.2. Los Gestores. ...........................................................................................................................43
-
1.11.3. Caractersticas de gestores. ....................................................................................................43
1.11.4. Ventajas de la Gestin ............................................................................................................44
1.11.5. Posibles desventajas: ..............................................................................................................44
1.11.6. Conclusiones Parciales del capitulo ........................................................................................45
CAPITULO II ................................................................................................................................................. 46
2. MARCO METODOLGICO. ..........................................................................................................46
2.1. Caracterizacin del sector. ......................................................................................................46
2.1.1. Visin: ......................................................................................................................................46
2.1.2. Misin: .....................................................................................................................................46
2.1.3. Objetivos Estratgicos .............................................................................................................47
2.1.3 .1 Objetivo Estratgico. ...........................................................................................................47
2.1.3.2 Objetivo Estratgico No. 2 .............................................................................................................47
2.2. Descripcin del Procedimiento metodolgico. ...........................................................................48
2.2.1. Histrico Lgico. ...................................................................................................................48
2.2.2. Analtico Sinttico ................................................................................................................48
2.2.3. Inductivo Deductivo .............................................................................................................48
2.2.4. Mtodo - Sistmico .................................................................................................................49
2.2.5. Modalidad de la Investigacin. ...............................................................................................49
2.2.6. Tipo de Investigacin ..............................................................................................................50
2.2.7. Mtodos, Tcnicas e Instrumentos .........................................................................................50
2.2.8. Poblacin Muestra. .................................................................................................................51
2.2.9. Obtencin de la muestra .........................................................................................................51
2.2.10. Tabulacin y anlisis de resultados. ........................................................................................52
2.2.11. Tabulacin y Anlisis 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 captulo. ...........................................................................................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 especficos: ..........................................................................................................................71
3.3. Desarrollo propuesta. .................................................................................................................72
3.3.1. Seleccin de la metodologa y proceso de desarrollo. ......................................................72
3.3.2. Seleccin del Proceso de Desarrollo de Software. ..................................................................73
3.3.3. Especificacin de requisitos. .............................................................................................................73
-
3.3.3.1 Introduccin. ..................................................................................................................................73
3.3.3.2 Propsito. .......................................................................................................................................73
3.3.3.3 mbito del Sistema. ........................................................................................................................74
3.3.3.4 La gestin administrativa de la aplicacin web. .............................................................................74
3.3.3.5 Diseo aplicacin web: ..................................................................................................................74
3.3.4. Funciones del sistema. ............................................................................................................81
3.3.5. Gestin de Proyectos. .............................................................................................................81
3.3.6. Gestin Administrativa............................................................................................................81
3.3.7. Atencin a las organizaciones sociales. ..................................................................................82
3.3.8. Seguimiento de SAOM. ........................................................................................................82
3.3.9. Funciones y caractersticas 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. Diseo del Programa ...................................................................................................................84
3.4.1. Seleccin del proceso desarrollo de Software. .......................................................................84
3.4.2. Interfaces Software. ................................................................................................................85
3.4.3. Comunicacin de la aplicacin web. .......................................................................................85
3.4.4. Sistema Operativo ...................................................................................................................85
3.4.5. Lenguaje de Programacin ......................................................................................................85
3.5. Diseo de Base de Datos. ............................................................................................................86
3.5.1. Diagrama entidad relacin. .....................................................................................................87
3.5.1.1 Cuadro de relaciones ..................................................................................................................87
3.5.1.2 Desarrollo de las tablas. ..............................................................................................................87
3.6. Codificacin. ................................................................................................................................89
3.6.1. Script base de datos. ...............................................................................................................89
3.6.2. Desarrollo de la Aplicacin Web .............................................................................................94
3.6.3. Atributos de calidad que pueden observarse durante la ejecucin del software ..................94
3.6.3.1. Men Pre-registro. .................................................................................................................95
3.6.4. Implementacin. .....................................................................................................................98
3.6.5. Mantenimiento. ......................................................................................................................98
3.6.6. Presupuesto. ...........................................................................................................................99
3.6.7. Gestin del Proyecto. ..............................................................................................................99
CONCLUSIONES. ........................................................................................................................................ 100
RECOMENDACIONES. ................................................................................................................................ 101
BIBLIOGRAFA.
-
Anexos
Anexos fotos
NDICES DE GRFICOS.
Grafico 1.Dinmica 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.Administracin. ...........................................................................................................................36
Grafico 9. Niveles de la administracin. .....................................................................................................38
Grafico 10. Sistematizacin de la Administracin. ......................................................................................40
Grafico 11. Gestin 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 relacin 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: Aprobacin y eliminacin de organizacin 1 .............................................................................96
Figura 20: Administracin de organizacin 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 tcnico 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, Aplicacin Web MVC es para mejorar la gestin
Administrativa de las organizaciones del Mies Distrito uno, Cantn Guaranda. En vista
que en el Departamento Jurdico es responsable del proceso de organizaciones,
almacenan de forma manual la informacin de las organizaciones y la perdida era muy
frecuentemente, como tambin su deterioro por su manipulacin, y por ser muy grande
la cantidad de informacin que se posesiva, era imposible a veces hacer algn
seguimiento a un proyecto. Como poder actualizar Directivas, Estatutos y poderles
remplazar por los nuevos, la confusin 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 Aplicacin
Web MVC con (SAOM) para mejorar la gestin Administrativa de las organizaciones.
Por lo cual la propuesta permite a la Direccin Distrital del Mies tener una mejor
atencin a las organizaciones, como tambin tener una mayor accesibilidad a la
documentacin que tiene el Mies, de esta manera se podr hacer ms rpita su
bsqueda y almacenamiento teniendo una mayor agilidad en los tramites.
Partiendo de la introduccin de datos personales de la organizacin, su representante,
su razn social, nmero de socios y escaneo del acta constitutiva de la organizacin
para una toma de decisiones del Director del Mies como tambin que permita identificar
rpidamente a las organizaciones a los funcionarios y poder sacar informacin de sus
registros de las organizaciones. Ser de importante contribucin a la sociedad en la
parte administrativa, de gestin y especialmente en la Distrital de Mies por tener los
elementos de la navegacin como el almacenamiento permitiendo un acceso fcil,
rpido, eficaz en su manipulacin y manejo.
Mediante el Modelo Vista y Controlador, se propone trabajar con usuarios internos
como con usuarios externos que sern las organizaciones y los que se quieren crear,
ya que el MVC permitir por medio de su arquitectura se separa los datos y la lgica
del manejo de la aplicacin, permitiendo esa interrelacin con los usuarios y el sistema,
esto permitir afirmar ms el sentido comn de comunicacin y de retroalimentacin
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.
-
1
INTRODUCCIN
ANTECEDENTES DE LA INVESTIGACIN
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 Inclusin Econmica y Social, que tiene como misin desarrollar planes,
programas y proyectos de atencin de calidad a la poblacin vulnerable y en riesgo.
El Mies, busca garantizar el derecho de las y los ciudadanos a la libre asociacin,
travs de: La constitucin jurdica 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 supervisin y control de las organizaciones.
El Registro de Organizaciones Sociales va dirigido a personas naturales, jurdicas 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 Aplicacin 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 pblicas o
privadas, mejorando su gestin administrativa a la hora de entregar una informacin o
revisarla muy rpidamente, agilitando tiempos y calidad en el servicio. Hoy en da
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 slo una oportunidad, es casi un requerimiento
para que determinada informacin pueda ser conocida, localizada y hasta editada a
travs de su sitio web dado el alcance y enorme nmero de usuarios que tiene y que
diariamente se van incrementando.
La tecnologa 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 pas,
-
2
mantiene una estadstica elaborada a partir de datos proporcionados por los
proveedores de Internet, que dice que al 31 de Marzo de 2011. Existan en el Ecuador
En el 2013, el 43,6% de las personas de Ecuador utilizaron computadora, 6,1 puntos
ms que en el 2010. En el rea rural el incremento es de 8,4 puntos ms que en el
2010 (http://www.ecuadorencifras.gob.ec). Los Ministerios en el Ecuador estn en
proceso de desarrollado de tecnologas como pginas que ayuden en la gestin de una
institucin, control de sus procesos y seguimientos bajo la influencia de la tecnologa.
En el rea Jurdica del Ministerio de Inclusin Econmica y Social, Distrito Uno al
manejar procesos manuales respecto a la documentacin e informacin derivada de
las organizaciones sociales se suscitan ciertos inconvenientes en cuanto al personal
responsable y la ubicacin rpida requerida como tambin al hacer el seguimiento se
hace complicado cumplir esta actividad eficientemente.
Planteamiento del Problema
La Direccin Distrital de Ministerio de Inclusin Econmica y Social actualmente posee
la informacin en forma desordenada, en cartones, por el piso, tampoco cuenta con el
levantamiento de informacin 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 Jurdico, est provista de dos
computadoras y el espacio fsico que constituye un lugar donde se atiende y tambin
funciona como bodega de almacenamiento de la documentacin de las organizaciones
existentes.
La dificultad que se ha detectado en este departamento es la mala manipulacin de los
documentos siendo el mayor reto del momento, ya que la forma ms cmoda para el
funcionario pblico es recibir, revisar y acumular en cartones y sacos dando lugar a la
manipulacin constante a la que se encuentra expuesta la documentacin fsica
original lo que conlleva a la destruccin paulatina de las mismas y a la exposicin de
potenciales prdidas.
Adicionalmente la demanda y el requerimiento por parte de los jefes inmediatos para
acceder a una determinada documentacin e informacin desde cualquier computador
http://www.ecuadorencifras.gob.ec/
-
3
mediante algn programa o aplicacin, se ve restringida y esto genera inconvenientes
en cuanto al manejo de los diferentes proyectos con las organizaciones dado que se
torna compleja la ubicacin de documentos, informacin y datos de las organizaciones
de acuerdo a su razn social y lugar donde se encuentra, lo que imposibilita la
planificacin y desarrollo de proyectos productivos.
Frente a estos inconvenientes suscitados en varias administraciones los que pierden
siempre sern los usuarios, de la misma manera los funcionarios que dan la atencin
imposibilitados de atender inmediatamente por no tener una logstica:
Por existir un gran porcentaje de archivos e informacin que son manipulados
fsicamente de manera constante exponindolos a un deterioro acelerado y por
consiguiente la prdida de los expedientes originales y al contar con una base
de datos accesible y orientada a usuarios especficos se contrarresta esta
problemtica.
La poca atencin dada a las organizaciones como poder hacer un pre registro
desde la web para crear una organizacin eliminando los viajes excesivos a la
gente del campo.
No s a realizado controles de organizaciones que si estn trabajando
contantemente con el Mies para medir su participacin y los dineros trasladados
por gamos.
La pequea formacin al personal para que pueda dar informacin desde la red
almacenada y permita al usuario ver el estado de cada organizacin registrada.
Formulacin del Problema
Cmo mejorar la Gestin Administrativa de las organizaciones del Ministerio de
Inclusin Econmica y Social (MIES), Distrito Uno, Provincia de Bolvar?
-
4
Delimitacin del Problema
La presente investigacin se realizar en el Departamento Jurdico, de la Direccin
Distrital del Ministerio de Inclusin Econmica y Social perteneciente al cantn,
Guaranda, provincia Bolvar.
Objeto de Estudio, Campo de Accin
Objeto de Estudio
Desarrollo de Software.
Campo de Accin
Aplicacin web MVC.
Lnea de Investigacin
Desarrollo de Software y Programacin de Sistemas
Objetivo General
Implementar una aplicacin web MVC para el mejoramiento de la gestin
administrativa de las organizaciones del Ministerio de Inclusin Econmica y
Social (MIES) Distrito Uno, cantn Guaranda, provincia Bolvar
Objetivos Especficos
Determinar los referentes tericos para el diseo de la aplicacin web MVC y las
organizaciones sociales.
Realizar una investigacin de campo sobre la gestin administrativa del MIES,
Distrito uno.
-
5
Desarrollo de una aplicacin web MVC para mejorar la gestin administrativa en el
MIES.
Validar la propuesta en base a criterios de expertos.
Idea a Defender
Con la implementacin de la aplicacin web Sistema automatizado de organizaciones
Mies (SAOM), basada en la arquitectura de Modelo, Vista y Controlador (MVC) se
mejorar de manera sustancial la gestin administrativa de las organizaciones del
MIES, Distrito uno, cantn Guaranda, provincia Bolvar, a travs 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 documentacin de cada organizacin existente y
registrada en la institucin.
Es muy importante no tener la necesidad de estar dentro de la oficina para revisar la
informacin, considerando que por medio del internet lo podr revisar desde cualquier
punto y de esta manera permitir movilidad y eficiencia de trabajo en la gestin
administrativa, mejorando un cien por ciento su desempeo.
Justificacin
El gran avance en tecnologa que se ha presentado en estos ltimos aos en el pas,
como resultado del desarrollo de la ciencia y tecnologa llevado de la mano de las
Universidad que busca la excelencia en investigacin se ha podido obtener
aplicaciones para realizar diferentes tareas, de esta forma se ha evidenciado el
desarrollo de las TICS en el sector pblico y privado.
-
6
Es por ello que la aplicacin web Modelo Vista y Controlador constituye una
herramienta tecnolgica propicia para el manejo de informacin mediante MCV, que
incluye la digitalizacin, ordenamiento de documentos, manipulacin de los mismos,
actualizaciones por parte de personal autorizado a travs de las seguridades del caso
como la asignacin 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 va web
por primera vez, como tambin 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 organizacin con otras organizaciones afines.
El Mies se maneja bajo un trabajo social, esta relacin permite que los usuarios estn
en constante correspondencia en el territorio, lleguen a realizar capacitaciones o
acuerdos de cooperacin para algunas organizaciones y la gente necesita muchos de
sus servicios para poder emprender un negocio en algunos casos y los otros adquieren
ms conocimientos sobre la actividad que desarrollan
Metodologa de Investigacin
La investigacin es realizada bajo la metodologa cualitativa, en la que se analizado
las diferentes realidades del manejo de la informacin de la Direccin Distrital del Mies
donde se propone contribuir con las diferentes soluciones en la aplicacin web
Sistema automatizado de organizaciones Mies (SAOM).
Tcnicas e Instrumentos.
Para realizar la investigacin necesitamos utilizar las diferentes tcnicas y
herramientas.
Encuesta. La encuesta es una tcnica de adquisicin de informacin de inters
sociolgico, mediante un cuestionario previamente elaborado, a travs del cual se
-
7
puede conocer la opinin o valoracin del sujeto seleccionado en una muestra sobre un
asunto dado.
Entrevista. La entrevista es una tcnica de recopilacin de informacin mediante una
conversacin profesional, con la que adems de adquirirse informacin acerca de lo
que se investiga, tiene importancia desde el punto de vista educativo; los resultados a
lograr en la misin dependen en gran medida del nivel de comunicacin entre el
investigador y los participantes en la misma.
Observacin. Es una tcnica que consiste en observar atentamente el fenmeno,
hecho o caso, tomar informacin y registrarla para su posterior anlisis.
La observacin es un elemento fundamental de todo proceso investigativo; en ella se
apoya el investigador para obtener el mayor nmero de datos. Gran parte del acervo de
conocimientos que constituye la ciencia ha sido lograda mediante la observacin.
Cuestionario. El cuestionario es un instrumento bsico de la observacin en la
encuesta y en la entrevista. En el cuestionario se formula una serie de preguntas que
permiten medir una o ms variables. Posibilita observar los hechos a travs de la
valoracin que hace de los mismos el encuestado o entrevistado, limitndose la
investigacin a las valoraciones subjetivas de ste.
Gua de observacin. Se conoce como gua a aquello que dirige o encamina. El
trmino, de acuerdo al contexto, puede utilizarse de diversas maneras: una gua es un
tratado que indica preceptos para dirigir cosas. Una lista impresa de datos sobre una
materia especfica; o una persona que ensea a otra un determinado camino, entre
otras posibilidades.
Resumen de la Estructura de la Tesis
En la parte esencial de la tesis el problema cientfico, respaldado en los antecedentes
que permitieron la construccin de la Aplicacin web MVC Sistema automatizado de
organizaciones Mies (SAOM) para mejorar la Gestin Administrativa de las
organizaciones del mies distrito uno cantn Guaranda Provincia Bolvar.
http://definicion.de/guia-de-observacion/http://definicion.de/guia/http://definicion.de/guia-de-observacion/http://definicion.de/personahttp://definicion.de/guia-de-observacion/
-
8
En el captulo I. La parte cientfica ha servido para buscar informacin de
libros, revistas, direcciones electrnicas, repositorios digitales, etc. y que ha
contribuido a la construccin del Marco terico sustentado de mejor manera
partiendo desde el internet, aplicaciones web, MVC, gestin administracin etc.
que fortalece el problema a resolver en la institucin.
En el captulo II, Para entender el contexto de la administracin en el Mies
Guaranda, en referencia a la gestin, procesos administrativos, se ha detallado
como plan estratgico, desarrollo institucional, autores principales, Planificacin
Estratgica y ms informacin proporcionado por los funcionarios y las
organizaciones que de manera concisa explican la importancia en relacin entre
las mismas y de esa manera dar una solucin a los procesos que se van
encaminar al mejoramiento de la institucin del Mies.
El captulo III. siguiendo los lineamientos de investigacin requerida por la
Universidad Regional Autnoma de los Andes, para el diseo de la aplicacin
web Sistema automatizado de organizaciones Mies (SAOM) dirigido a las
organizaciones del Mies. Se ha presentado el siguiente trabajo con toda la
programacin y los requerimientos mximos exigidos por el diseo, como
tambin lo que necesita la Institucin para atender a una poblacin que necesita
de su ayuda.
Novedad, Aporte Terico y Significancia Prctica.
Aporte terico.
El trabajo investigativo es factible desde el punto de vista tcnico, terico, practico ya
que est basado directamente de la realidad y el problema objeto estudio, para el
departamento donde estn los registros de organizaciones sociales y se maneja los
proyectos. Hasta llegar a la formulacin de una propuesta que es la solucin a la
problemtica mediante la aplicacin web Sistema automatizado de organizaciones
Mies (SAOM)
-
9
Los componentes necesarios que son parte de la aplicacin 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 interaccin y ms factibilidad tanto a funcionarios como
usuarios en la verificacin, aprobacin y control de los procesos que maneja alrededor
de una organizacin.
Significacin Prctica
La ejecucin de la aplicacin web Sistema automatizado de organizaciones Mies
(SAOM) lograra optimizar todos los procesos organizativos que maneja el Mies desde
poder revisar su documentacin desde cualquier lugar mediante la web, permitiendo
registrarse para crear una organizacin nueva, poder crear una organizacin de
segundo grado, hasta hacer un seguimientos a los proyectos aprobados y dineros
desembolsados. Los avances tecnolgicos, de seguridad y necesidades que han
tenido durante muchos aos, problemas que no han permitido un trmite rpido, como
control y seguimiento de las mismas. Nos basamos las nuevas tecnologas en
evolucin.
Novedad Cientfica
El Modelo Vista y Controlador es muy indispensable en el trabajo ya que es para
reducir el esfuerzo de programacin necesario en la implementacin del Sistema
automatizado de organizaciones Mies (SAOM), sincronizados los requerimientos
mnimos de los datos como registrarse, crear una organizacin nueva, poder crear una
organizacin de segundo grado, hasta hacer un seguimientos a los proyectos que
trabajan con el Mies mediante la tecnologa y el internet. El MVC se tratan como
entidades separadas; esto hace que cualquier cambio producido en el Modelo se
refleje automticamente en cada una de las Vistas de la pgina que tiene la aplicacin
diseado a las necesidades de los usuario, el modelo de arquitectura se puede
emplear en sistemas de representacin grfica de datos. La arquitectura MVC en su
forma ms general. Hay un Modelo, mltiples 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 relacin directa con cada uno.
-
10
CAPITULO I
1 MARCO TERICO
1.1. La Historia del Internet
De dnde viene el internet? En la segunda mitad de los aos 60 y de forma
independiente se haba creado en Estados Unidos varios redes de ordenadores de
forma independiente entre Universidades, oficinas militares y centros de investigacin.
Una persona que deseara acceder a todas ellas necesitaba una terminal distinta para
cada una, lo que en una poca en la que haba pocos ordenadores que no ocuparan
varios metros cbicos 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 adems
fuera excepcionalmente resistente a cadas del servicio, esto es, que si un punto de las
comunicaciones fallara, no arrastrara al resto. Esto fue posible al enrutamiento
dinmico: si un nodo (un ordenador o un dispositivo de red) es desconectado, el trfico
se puede redirigir de forma que la totalidad de las red no se vea comprometida por este
fallo; tecnologa que an perdura y es la ms 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 va Satelital. Pronto, dentro de la propia
red empiezan a aparecer informacin no necesariamente relacionada con la
investigacin militar hasta tal punto que es necesario dividir ARPANET en dos: MILNET
para la informacin militar y la propia ARPANET de un tamao mucho mayor para el
resto de temticas. (Sanchez, 2014)
Internet ha revolucionado la informtica y las comunicaciones como ninguna otra cosa.
La invencin del telgrafo, el telfono, la radio y el ordenador sent las bases para esta
integracin de funcionalidades sin precedentes. Internet es a la vez una herramienta de
emisin mundial, un mecanismo para diseminar informacin y un medio para la
-
11
colaboracin y la interaccin entre personas y sus ordenadores, sin tener en cuenta su
ubicacin geogrfica.
Internet representa uno de los ejemplos ms exitosos de los beneficios de una
inversin y un compromiso continuos en el campo de la investigacin y el desarrollo de
la infraestructura de la informacin. Desde las primeras investigaciones en
conmutacin de paquetes, el Gobierno, la Industria y la Academia se han asociado
como artfices de la evolucin e implementacin de esta apasionante nueva tecnologa
(Kahn, mayo de 1974.)
Desde la perspectiva de un usuario, puede ser difcil percibir la diferencia entre un sitio
web y una aplicacin web. Segn el Diccionario Oxford en lnea, nos enteramos que
una aplicacin es "un programa o conjunto de programas para ayudar al usuario de un
ordenador para procesar una tarea especfica". es bsicamente una manera de facilitar
el logro de una tarea especfica... en la Web, a diferencia de un sitio web esttico que
es ms bien una herramienta. No menos importante, para la comunicacin. El trmino
ms decisivo de esta definicin es "tarea especfica". por lo tanto permite al usuario
interactuar directamente, todo en forma personalizada, para llevar a cabo esa tarea
especfica. (GLASS, 2013)
1.1.1 Definicin de internet.
El Internet es un: Conjunto descentralizado de redes de comunicacin interconectadas
que utilizan la familia de protocolos TCP/IP, lo cual garantiza que las redes fsicas
heterogneas que la componen funcionen como una red lgica nica. (ALVAREZ,
2014)
Uno de los servicios que ms xito ha tenido en Internet ha sido la World Wide
Web (WWW o la Web), a tal punto que es habitual la confusin entre ambos trminos.
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 transmisin. (Castillo, 2014)
http://es.wikipedia.org/wiki/World_Wide_Webhttp://es.wikipedia.org/wiki/World_Wide_Webhttp://es.wikipedia.org/wiki/Hipertextohttp://es.wikipedia.org/wiki/1990http://es.wikipedia.org/wiki/Medio_de_transmisi%C3%B3n
-
12
1.1.2 Funcionamiento del Internet
El internet tambin conocido como la red, supone un excelente medio para obtener
informacin de los ms variados temas a cualquier hora del da y sin necesidad de
moverse de casa. As, se pueden conocer las noticias de ltima hora, ver el triler del
prximo estreno de cine, visitar lugares lejanos, reservar los billetes de avin 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 informacin disponible en Internet es casi ilimitada, y aumenta
da a da. Las empresas vieron en la red primero un medio para anunciarse y,
actualmente, una va para atender a sus clientes y ofrecer sus productos. Muchas
instituciones pblicas y privadas la utilizan para dar a conocer sus actividades y
publicar datos de inters general o de un tema especfico. Y los particulares disponen
de un nmero creciente de servicios accesibles a travs de Internet. (Romano, 2015)
Las principales caractersticas de las redes de ordenadores, los protocolos de
comunicaciones, los medios de transmisin, los distintos dispositivos de interconexin
(hubs, switches, routers...), las redes de rea local, las redes inalmbricas (Wi-Fi, Wi-
Max, Zigbee...), las redes privadas de datos, el funcionamiento de Internet, las distintas
tecnologas de acceso (ADSL, fibra ptica, LMDS, PLC...).
Los servicios clsicos y los nuevos servicios avanzados ofrecidos por Internet, la
seguridad en las redes de ordenadores y los fundamentos de la criptografa, entre otros
temas y aplicaciones que se han venido popularizando en estos ltimos aos: Voz IP,
televisin y streaming de vdeo 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 tcnicos necesarios y ofrecer una
panormica actualizada de las distintas tecnologas disponibles en el mercado,
valorando las ventajas e inconvenientes de cada una de ellas, as como su posible
inters y aplicacin tanto a nivel personal como profesional o empresarial. (lvaro
Gmez Vieites, 2011)
-
13
Grafico 1.Dinmica del Proceso
Fuente: http://www.lapatria.com/tecnologia/la-nube-para-guardar-sus-datos-en-internet-33202
1.1.3 Caractersticas del internet.
El internet est compuesto por diferentes tipos de espacios que ofrecen distintos
servicios a los usuarios. As, los servicios ms usados son:
e-mail: es un servicio de correspondencia. A travs de una cuenta o buzn de correo
se puede enviar o recibir documentos, grficos, videos o sonido, de manera sencilla y
rpida. Es tambin una direccin electrnica 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 travs
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 estn 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 ningn 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 ningn libro concreto)
http://www.lapatria.com/tecnologia/la-nube-para-guardar-sus-datos-en-internet-33202
-
14
WWW: este servicio (llamado popularmente la Web) permite al usuario acceder a gran
cantidad de informacin y a distintos tipos de documentos de manera sencilla. Se llama
gran tela de araa (World Wide WEb) y es la herramienta ms utilizada en internet.
Chat o IRC (Internet Relay Channel): es un servicio mediante el cual los usuarios
establecen comunicacin en tiempo real, que puede ser privada o entre un grupo de
personas. Los medios de comunicacin pueden ser el teclado, el audio y el video.
Servicio de telefona: permite establecer una conexin 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
tambin imagen; en este caso se llama videoconferencia. (Martin J. R., 2011)
1.1.4 Virus informtico.
Un virus informtico 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 (podramos decir que se reproducen); esta propagacin que era forzosamente
lenta hace algunos aos, se ha visto muy facilitada por el uso masivo de internet que
permite a los virus difundirse por todo el mundo a travs de mensajes de correo
electrnico, descargas de pginas web, siempre sin que los usuarios sean
conscientes de ello.
Adems de los virus existen otros tipos de programas Malintencionados;
Gusanos: se limitan a reproducirse tan rpidamente 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 actan como espas dentro del
mismo, por ejemplo capturando las claves que tecleamos (para abrir el correo
o para usar nuestras tarjetas de crdito) y envindoles a otro equipo. (Martin J.
L., 2015)
-
15
1.1.5 Un navegador.
Los navegadores tienen la responsabilidad de interpretar las reglas de presentacin tal
como ellas las entienden. El lenguaje HTML describe el contenido, pero no la
presentacin. Adems, las pginas incluyen cdigo JavaScript y estilos CSS, que
diferente en su interpretacin en funcin del navegador.
El servidor ASP.NET 2.0 ha introducido otro cambio: desaparece la nocin 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 evolucin de los navegadores, sin contar con la
aparicin de otros dispositivos de navegacin. En su lugar los sitios web ASP.NET
posee una carpeta APP_Browers que considera las caractersticas 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 da, las empresas y los trabajadores disponen de un nuevo espacio de
encuentro, eso s, virtual, las redes sociales profesionales estn a la cabeza en el
proceso de bsqueda de empleo.
En primer lugar, conviene distinguir entre redes sociales (Facebook, MySpace,) y redes
profesionales. Las primeras estn orientadas principalmente a la comunicacin entre
amigos y familiares, mientras que las segundas (Linkedin, Xing) estn orientadas a la
comunicacin profesional. Los objetivos de la red profesionales marcan claramente la
diferencia respecto de las redes sociales. Mientras los fines de las redes sociales
estn centrados en el mbito privado, las plataformas de carcter profesional estn
orientadas a la gestin de la carrera laboral.
-
16
No se trata de buscar la red ms numerosa y con ms variedad de usuarios, ms vale
tener pocos contactos buenos y tiles. En las redes espacialmente en las profesionales
la imagen es importante y tambin 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. Definicin de Aplicacin Web.
En la ingeniera de software se denomina aplicacin web aquellas herramientas que
los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de
una intranet mediante un navegador. En otras palabras, es una aplicacin software que
se codifica en un lenguaje soportado por los navegadores web en la que se confa la
ejecucin al navegador. (Villoria, 2009)
1.2.1. Estructura de las Aplicaciones web.
Una aplicacin web, actual, est compuesta habitualmente de tres partes principales:
La parte pblica o cliente, tambin 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 informacin de nuestra aplicacin.
Usuarios, datos relativos a nuestra aplicacin, etc esta base de datos se comunica
con el Backend, el cual se encarga de controlar la seguridad, el procesamiento de
datos, la autorizacin y por ultimo al Frontend es la parte que se ejecuta en el
navegador del usuario final, se encarga de mostrar la informacin de un manera
atractiva y comunicarse en el Backend para la creacin de datos y visualizarlos. En una
aplicacin web moderna.
La comunicacin se realiza de manera asncrona con JavaScrip (AJAX) utilizando el
formato del documento para enviar y recibir datos desde Backend por medio de una
API REST. (Azaustre, 2015)
-
17
1.2.2. Caractersticas de las aplicaciones web.
El usuario puede acceder fcilmente 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 aplicacin instalada en un servidor, por lo tanto se puede actualizar y
mantener una nica aplicacin y todos sus usuarios veran los resultados
inmediatamente.
Emplean tecnologas como Java, JavaFX, JavaScript, DHTML, Flash, Ajax... que dan
gran potencia a la interfaz de usuario. Emplean tecnologas que permiten una
gran portabilidad entre diferentes plataformas. Por ejemplo, una aplicacin
web flash podra ejecutarse en un dispositivo mvil, 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 diseo y las
caractersticas 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 diseo poco atractivo. O tambin, la falta de interactividad y animacin en
una web, puede generar abandonos si el texto de la web es demasiado intenso y
montono. Hemos decidido dedicar este post, a citar una serie de caractersticas que
consideramos de vital importancia a la hora de desarrollar un sitio web:
1. Contenidos de utilidad. La temtica y las bsquedas deben ir acordes con el usuario
final, si no, lo ms seguro es que el visitante abandone la pgina rpidamente.
2. Debe ser intuitivo. Hacer fcil la navegacin genera que las visitas consigan
fcilmente su objetivo. Adems, evita abandonos en tu pgina web.
3. Diseo atractivo. Dicen que una imagen vale ms que mil palabras. En una web, una
primera impresin 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 ms
probable es que abandone el sitio web, en muchos casos sin tan siquiera tener en
http://www.alegsa.com.ar/Dic/java.phphttp://www.alegsa.com.ar/Dic/javafx.phphttp://www.alegsa.com.ar/Dic/javascript.phphttp://www.alegsa.com.ar/Dic/dhtml.phphttp://www.alegsa.com.ar/Dic/flash.phphttp://www.alegsa.com.ar/Dic/ajax.phphttp://www.alegsa.com.ar/Dic/portabilidad.php
-
18
cuenta el contenido. Por lo cual un buen diseo genera confianza, seriedad y muy
buena impresin.
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 informacin siempre
debe ser concisa y sencilla.
5. Importancia de la velocidad de la web. Las pginas que tardan en mucho en cargar
son un problema. Para todos, nuestro tiempo vale oro, y lo que ms fastidia a
cualquier persona es tener que esperar. El ndex de una pgina web debe tener una
carga rpida, si no, muchos usuarios abandonarn la navegacin sin dar una
oportunidad de ver el sitio, aunque su contenido pueda resultarles de utilidad.
6. Difusin del sitio web. Hay muchas empresas que piensan que con tener una web ya
est todo el trabajo hecho. Pues no, ni mucho menos. Detrs de una web hay
muchsimo trabajo que hacer para darnos a conocer a nuevos usuarios. En primer
lugar, si tu sitio es nuevo es muy difcil 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:
Slo se necesita poder utilizar un navegador. Colaboracin: Pueden trabajar varias
personas a la vez y desde diferentes lugares del mundo. Se necesita tener la
capacidad de seleccin de informacin. A pesar del auge que ha tenido el uso del
Internet, an existen escuelas, personas o poblaciones que no cuentan con conexin a
la red. Debe haber capacitacin para el manejo de todas las herramientas que ofrece la
web 2.0.
-
19
Grafico 2. Web
Fuente: http://teamurse.wikispaces.com/Ventajas+y+Desventajas+de+la+web+2.0
1.2.4. Desventajas de la Web.
Informacin privada a terceros: Generalmente no se sabe en manos de quin 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 maana 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 tendrn ms o
menos desventajas, pero eso ya est en la decisin de cada uno y el uso que las
quiera dar. (Web, 2013)
1.3. El Patrn MVC.
EL Modelo Vista Controlador (MVC) es un patrn de arquitectura de software que
separa los datos y la lgica de negocio de una aplicacin de la interfaz de usuario y el
modulo encargado de gestionar los eventos y las comunicaciones. Par ello MVC
propone la construccin de tres componentes para la presentacin de la informacin, y
por otro lado para la interaccin del usuario. Este patrn de diseo se basa en las ideas
-
20
de reutilizacin de cdigo y la separacin de conceptos, caractersticas que buscan la
tarea de desarrollo de aplicacin y su posterior mantenimiento.
El patrn 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 trminos de sus diferentes funciones. MVC introducido por Trygve Reenskaug en
Smalltalk 76 durante su vista a Xerox Parc en los aos 70 y, seguidamente, en los
aos 80, Jim Althoff y otros implementaron una versin de MVC. Se defina 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 dcada 2000, es un mdulo
o una seccin intermedia de cdigo, que hace de intermediario de la comunicacin
entre el modelo y la vista, y unifica la validacin (utilizando llamadas directas o el
observar para desacoplar el modelo de la vista en el modelo activo). (Muoz, El nuevo
PHP. Conceptos avanzados., 2013)
1.3.1. Orgenes 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 trminos de sus diferentes funciones.
MVC fue introducido por Trygve Reenskaug en Smalltalk- 76 durante una visita a Xerox
Parc en los aos 70 y, seguidamente, en los aos 80, Jim Althoff y otros implementaron
una versin de MVC para la biblioteca de clases de Smalltalk-80, solo ms tarde, en
1988, MVC se expres como un concepto general en un artculo. En esta primera
definicin el MVC, el controlador se defina como el modulo que se ocupa de la
entrada (de similar a como la vista se ocupa de la salida) en esta definicin no tiene
cabida en las modernas en las que esta funcionalidad es asumida por una combinacin
de Vista y algn Framework moderno para desarrollo.
El controlador en las aplicaciones modernas de la dcada de 2000, es un mdulo o
una seccin intermedia de cdigo, que hace de intermediario de la comunicacin entre
el Modelo y la Vista. (Muoz, El nuevo PHP)
-
21
Grafico 3. (MVC)
Fuente: http://librosweb.es/libro/jobeet_1_4/capitulo_4/la_arquitectura_mvc.html
1.3.2. Caractersticas de modelo visto y controlador
La programacin se puede simplificar si se utilizan otros patrones de diseo. 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
abstraccin 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 abstraccin de la base
de datos.
La capa de la vista tambin puede aprovechar la separacin de cdigo. Las pginas
web suelen contener elementos que se muestran de forma idntica a lo largo de toda la
aplicacin: cabecera de la pgina, e pie de la pgina. 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. (Muoz, El nuevo PHP)
-
22
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 aplicacin en un modelo modular fcil de entender a simple vista y de
poder actualizar tambin. Al convertirlo en un modelo modular, se obtiene adems la
ventaja de poder modificar una parte de la aplicacin sin que afecte al resto de la
misma.
Modelo: se corresponde con la informacin o datos que maneja el sistema,
gestionando los accesos a esta. Se comunica con el componente vista para
enviar la informacin que solicite este para ser mostrada.
Vista: encargado de presentar la informacin 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)
http://blog.clavei.es/2012/que-aporta-mvc-al-desarrollo-de-aplicaciones-web/
-
23
Grafico 5. Funcionamiento de MVC
Fuente: http://www.devjoker.com/contenidos/articulos/525/Patron-MVC-Modelo-Vista-Controlador.aspx
1.4. Lenguaje de programacin.
Existen un variedad lenguajes de programacin que van desde PHP, HTML, CSS,
JAVA SCRIPT Un Lenguaje de Programacin es un conjunto de reglas, notaciones,
smbolos 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. Tambin se puede decir que un programa es un conjunto de rdenes
o instrucciones que resuelven un problema especfico basado en un Lenguaje de
Programacin. (CUMBRERAS, 2013)
1.4.1. Historia de Dreamweaver
Es un producto de la empresa desarrolladora de software Macromedia, que naci en
1992 tras la fusin de Authorware inc. (Creadora de Authorware ) y Macro- Mind
Paracomp (responsable de director). El primer producto de esta nueva compaa fue
Shockware, un Plugin para los navegadores que permita ver animaciones hechas en
director. A causa del xito que tuvo, la empresa decidi que deba expandirse ms en
el sector web y multimedia. Con esta expansin 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
http://www.devjoker.com/contenidos/articulos/525/Patron-MVC-Modelo-Vista-Controlador.aspx
-
24
segunda fue IBAND Software, creadora de Backstage, un programa de edicin HTML
lanzo su primera versin en 1997. A partir de 1998.
Macromedia comenz a desarrollar una versin del programa por ao,
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 versin CS3 ya no es Macromedia, sino Adobe.
(Dreamwever, 2010)
1.4.2. Concepto de Dreamweaver.
Es un editor visual, de pginas web, por lo que no es necesario conocer el lenguaje de
programacin para editarles. Pero el programa tambin permite la edicin directa del
cdigo, de modo que los programadores experimentados pueden introducir
directamente las instrucciones. La codificacin de los documentos HTML se basa en
una estructura de etiquetas. Las pginas cuentan con dos secciones de cdigo, 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 pgina. (Grafic D. , 2010)
Grafico 6. Dreamweaver
Fuente: http://www.crearcrear.com/adobe-dreamweaver-descargable/
-
25
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 pgina Web a travs del navegador. Los
archivos HTML se pueden guardar con la extensin. HTML o .htm. De forma
predeterminada, Dreamweaver guarda los archivos con la extensin .html.
CSS Los archivos de Hojas de estilos en cascada tienen la extensin .css. Se utilizan
para aplicar formato al contenido HTML y controlar la posicin de los distintos
elementos de la pgina.
GIF Archivos de Formato de intercambio de grficos, que tienen la extensin .gif El
formato GIF es un formato grfico popular en la Web para cmics, logotipos, grficos
con zonas transparentes y animaciones. Los archivos GIF contienen un mximo de 256
colores.
JPEG Archivos de Grupo conjunto de expertos fotogrficos (el nombre de la
organizacin que cre el formato) que tienen la extensin .jpg y suelen ser fotografas o
imgenes de tonalidades intensas. El formato JPEG es el ms indicado para las
fotografas digitales o digitalizadas, imgenes que utilizan texturas, imgenes con
transiciones de gradiente de color y, en general, cualquier imagen que requiera ms de
256 colores.
XML Archivos de Lenguaje de formato ampliable, que tienen la extensin .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 extensin .xsl o
.xslt. Tambin se utilizan para aplicar estilo a los datos XML que se van a mostrar en
una pgina Web.
-
26
PHP Los archivos de Preprocesador de hipertexto tienen la extensin .php y se utilizan
para procesar pginas dinmicas. (Group, 2007)
1.4.4. Funciones de Dreamweaver.
Las funciones de edicin visual de Dreamweaver permiten crear pginas Web de forma
rpida, sin escribir una sola lnea de cdigo. Puede ver todos los elementos o activos
del sitio y arrastrarlos desde un panel fcil de usar directamente hasta un documento.
Puede agilizar el flujo de trabajo de desarrollo mediante la creacin y edicin de
imgenes en Macromedia Fireworks o en otra aplicacin de grficos y su posterior
importacin directa a Dreamweaver.
Dreamweaver tambin contiene herramientas que facilitan la adicin de activos de
Flash a las pginas web. Adems de las funciones de arrastrar y soltar que le ayudan a
crear pginas web, Dreamweaver le ofrece un entorno de codificacin con todas las
funciones, que incluye herramientas para la edicin de cdigo (tales como coloreados
de cdigo, terminacin automtica de etiquetas, barra de herramientas para
codificacin y contraccin de cdigo).
El material de referencia para lenguajes sobre hojas de estilos en cascada (CSS),
JavaScript y Cold Fusion Markup Language (CFML) entre otros. La tecnologa
Roundtrip HTML de Macromedia importa los documentos con cdigo manual HTML sin
modificar el formato del cdigo. Posteriormente, si lo desea, puede formatear el cdigo
con el estilo que prefiera. Adems, Dreamweaver le permite crear aplicaciones Web
dinmicas basadas en bases de datos empleando tecnologas de servidor como CFML,
ASP.NET, ASP, JSP y PHP. Si prefiere trabajar con datos en XML, Dreamweaver
incorpora herramientas que le permiten crear fcilmente pginas XSLT, adjuntar
archivos XML y mostrar datos XML en sus pginas. (Rosana Francescato, 2005)
1.4.5. Caractersticas Dreamweaver.
Puede guardar los documentos de Dreamweaver con el nombre y ubicacin
predefinidos por el programa o modificarlos desde el cuadro de dialogo guardar
-
27
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, diseo similar u objetivo comn. Dreamweaver es una
herramienta de creacin y gestin de sitio web completos, adems de un editor
visual de pginas.
Para crear un sitio web local tan solo es necesario determinar el directorio de
equipo que se convertir en la carpeta raz 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 sesin de trabajo como cuando el programa no
tiene ningn documento abierto. Su uso resulta una alternativa al de los comandos
tradicionales para la creacin y apertura de documentos.
Ofrece una lista de tipos de archivo ms usado que pueda seleccionar para
crear un documento rpidamente. La lista se ve encabezada por la opcin html,
formato tradicional de las pginas web. Pulse sobre ella.
El diseo de la interfaz de los diferentes componentes de adobe creative suite
cs5, entre los que se encuentra Dreamweaver, es ahora ms cmodo e intuitivo
y permite trabajar de formas ms rpida y racional.
Dreamweaver muestra los diferentes documentos abiertos distribuidos en fichas,
sus pestaas los identifican y permiten activarlos fcilmente, de forma
predeterminada, las fichas se muestran en el orden de creacin o apertura de
los archivos pero se pueden arrastrar para cambiarlas de posicin.
-
28
Para facilitar su gestin 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 pgina web
sin tener que utilizar otro software o acudir al creador de la misma,
Dreamweaver cs5 ofrece la funcin incontext editing. (Grafic D. , 2010)
1.5. Definicin PHP
Es un potente lenguaje de secuencia de comandos diseado especficamente para
permitir a los programadores crear aplicaciones en Web con distintas prestaciones de
forma rpida. MySQL es una base de datos rpida y fiable que se integra a la
perfeccin con PHP y que resulta muy adecuada para aplicaciones dinmicas basadas
en Internet. PHP y MySQL son conocidas tecnologas de cdigo abierto que resultan
muy tiles para disear de forma rpida y eficaz aplicaciones Web dirigidas a bases de
datos. PHP es un potente lenguaje de secuencia de comandos diseado
especficamente para permitir a los programadores crear aplicaciones Web con
distintas prestaciones de forma rpida. MySQL es una base de datos rpida y fiable
que se integra a la perfeccin con PHP y que resulta muy adecuada para aplicaciones
dinmicas basadas en Internet.
En este libro veremos cmo utilizar estas herramientas de forma conjunta para obtener
aplicaciones Web eficaces e interactivas, desde los formularios de pedidos ms
sencillos hasta los sitios de comercio electrnico ms complejos y seguros. Se
describen los fundamentos del lenguaje PHP, se explica cmo 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 prctico y sencillo incluye numerosos ejemplos