UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES...

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 8. Funcionarios del MIES ..................................................................................................................60

Figura 9. Funcionarios del MIES ..................................................................................................................61

Figura 10. Funcionarios del MIES ................................................................................................................62





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 8. Funcionarios del MIES ................................................................................................................60

Cuadro 9. Funcionarios del MIES ................................................................................................................61

Cuadro 10. Funcionarios del MIES ..............................................................................................................62





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

UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES...

Documents

Transcript of UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES...