Capitulo II

CAPITULO II MARCO TEORICO Uno de los componentes o elementos básicos de cualquier investigación es el Marco Referencial, debido a que su función es precisar y organizar las ideas y conceptos de tal manera que los mismos puedan ser manejados, aplicados y convertidos en acciones concretas. Hernández, Fernández y Baptista (2001) expresa: Un buen Marco Teórico no es aquel que contiene muchas páginas (no se trata de un concurso a ver quién gasta más papel o tinta) sino el que trata con profundidad únicamente los aspectos que se relacionan con el problema y que vincula lógica y coherentemente los conceptos y proposiciones existentes en estudios anteriores. (p.52). La función del marco teórico, es precisar y organizar las ideas y conceptos contenidos en la sección introductiva, de manera que los mismos puedan ser manejados y convertidos en acciones concretas. 2.1 Antecedentes de la Investigación Al respecto Sabino (2002), define Antecedentes de la Investigación “se refieren a trabajos y/o investigaciones anteriores, que se relacionan directa o indirectamente con el tema que se está estudiando o investigando” (p.16). Se trata de hacer un resumen conceptual de las investigaciones o trabajos anteriores realizados sobre el tema, para así determinar el enfoque metodológico de la investigación. Se refieren a los estudios realizados con anterioridad y que tienen relación con el problema de la investigación. Según Arias (2002) señala que “son investigaciones

realizadas anteriormente y que guardan alguna vinculación con nuestro objeto de estudio” (p. 39). Barrada J, Jaspe M. (2004) en su investigación titulada “Web Site de apoyo a los procesos de ventas y promoción de ventas y promoción de los productos industriales de la Empresa “Hidroca C.A.” investigación la cual fue realizada en el Instituto Universitario de Tecnología “Juan Pablo Pérez Alfonzo” (IUTEPAL) Valencia, este APLICACION WEB tiene como objetivo minimizar el retraso y aumentar las ventas y promoción. De igual forma se empleó la metodología Microsoft Solutions Framework ya que dicha metodología se enfoca en el análisis y diseño de la APLICACION WEB, su proceso es examinar una situación defectuosa con la intención de mejorarla, mediante el desarrollo de procedimientos y métodos sencillos. El software utilizado para la base de datos fue Microsoft SQL Server 7.0 y para el diseño de la APLICACION WEB Dreamweaver 0.4. La técnica de recolección de datos utilizados para la investigación fueron la observación directa, la entrevista no estructurada y la revisión de documentos. El aporte que fue suministrado para esta investigación fue la orientación en las técnicas de recolección de datos, las cuales son de vista importancia al momento de emprender un proyecto. Por otro lado; Acosta C. y Suarez D. (2008), en su trabajo el cual fue titulado como “Aplicación Web de Apoyo para las Solicitudes de servicios de la Empresa MikelLotCell Inversiones C.A.” del Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo (IUTEPAL). Dicha Aplicación Web, permite el mejoramiento de los servicios prestados en la venta de equipos de computación y telefonía celular, agilizando los problemas que puedan presentarse en cuanto a garantías, cambios o devoluciones de dichos productos en la empresa ante mencionada y de esta forma ofrecer un mejor servicio a los clientes.

En la realización de este proyecto, se utilizaron las técnicas de recolección de datos: entrevista no estructurada, observación directa y revisión de documentos; además, se empleó como diseñador web Macromedia DreamWeaver 8, se utilizó para la codificación de la aplicación el lenguaje PHP versión 4 y MySQL 4.0, como manejador de base de datos, optimizando los servicios ofrecidos por la empresa y para el desarrollo de este proyecto, se tomó en cuenta la metodología Proceso Unificado para el Desarrollo de Software (RUP). Por otra parte, habiéndose tomado como referencia esta investigación, se pudo conocer, el tema relacionado al marco teórico, en cuanto a internet, aplicación web, herramientas de diseño, entre otros, para la realización de aplicaciones web, manejadoras de bases de datos, que ayudan a facilitar el flujo de información y así de esta manera, sirva de apoyo y guía en la elaboración de este proyecto. 2.2 Marco Referencial Las bases teóricas son un conjunto de ideas generalmente ya conocidas en una disciplina que permite organizar datos de la realidad

para

lograr

que de ellas

las bases teóricas consisten.

“En situar el

puedan desprenderse nuevos conocimientos. Según Sabino (2002), explica

que

problema de un conjunto de conocimientos con más solidez posible que permitan y ofrezcan una adecuada orientación a nuestra búsqueda de los términos que utilizamos...”

(p.75). Muchos autores coinciden que las bases teóricas son un

conjunto de proposiciones

interrelacionadas

lógicamente en forma de afirmaciones

empíricas acerca de propiedades, de eventos o cosas. Para la comprensión de esta investigación se revisarán las siguientes fuentes las cuales facilitarán la comprensión sobre el tema estudiado y además permitirán obtener una idea clara de la problemática planteada.

Aplicaciones web Según Mora (2002), una aplicación web es aquella a la que un usuario, desde un navegador, realiza peticiones remotamente, accediendo a ella a través de Internet (o de una intranet), cuya respuesta se muestra en el mismo navegador. Las aplicaciones web pueden ser desplegadas en dispositivos móviles como teléfonos inteligentes, tabletas, laptops, entre otros. La intención de que sea posible visualizar la aplicación desde un dispositivo móvil es llegar a más personas. Si una aplicación web no es responsiva, puede resultar complejo visualizarla, provocando así que la persona termine por abandonarla. Características de las aplicaciones web De acuerdo a Good (2015), algunas de las principales características de las Aplicaciones Web son: -

Acceso inmediato: La mayoría de las aplicaciones web no necesitan ser

descargadas, instaladas y configuradas. Para su acceso, simplemente se requiere hacer uso de un navegador web y conexión a Internet. -

Compatibilidad multiplataforma: Las Aplicaciones Web tienen un camino mucho

más sencillo para la portabilidad multiplataforma que las aplicaciones de escritorio. Las distintas tecnologías permiten un desarrollo efectivo de programas soportando todos los sistemas operativos principales (Windows, Linux, MacOS). -

Actualización: Las aplicaciones basadas en web están siempre actualizadas

con la última versión sin requerir que el usuario tome acciones proactivas, y sin necesitar llamar la atención del usuario o interferir con sus hábitos de trabajo con

la

esperanza

de

que

va

a

iniciar

nuevas

descargas

y procedimientos de

instalación. -

Facilidad de prueba: No existen obstáculos para permitir pruebas sencillas y

efectivas de herramientas y aplicaciones antes de realizar una operación que afecta la realidad. Por ejemplo, cargar la tarjeta de crédito es una operación que se puede simular para realizar pruebas. -

Menor requerimiento de memoria: Las aplicaciones web tienen demandas

notablemente inferiores de memoria RAM que los programas instalados localmente. Al residir y correr en los servidores del proveedor, esas aplicaciones basadas en web usan en muchos casos la memoria del servidor, dejando más espacio para correr múltiples aplicaciones al mismo tiempo sin afectar el rendimiento. -

Datos online: Con el desplazamiento de las aplicaciones locales a aquellas

basadas en web también los datos que se crean y acceden necesitan experimentar cambios porque van a estar en constante movimiento dentro de la red al alcance de todo el mundo. -

Múltiples usuarios concurrentes: Las aplicaciones web pueden ser accedidas

por miles de usuarios al mismo tiempo. No hay necesidad de compartir recursos cuando múltiples usuarios pueden ver e incluso editar el mismo documento de manera conjunta. En el caso de que llegase a actualizarse la aplicación, todos los usuarios estarán al tanto de esta actualización de manera inmediata. -

Datos

seguros:

almacenamiento

de

A los

medida datos

que

las

del usuario,

compañías

se

hagan

el almacenamiento

cargo de

del datos

redundantes, altamente fiables, serán la norma más que la excepción, y los usuarios van a tener mucho menos riesgo de perder sus datos debido a una falla del equipo.

-

Fácil desarrollo: Debido a que las aplicaciones han sido separadas de

computadoras locales y sistemas operativos específicos, estas pueden también ser escritas en prácticamente cualquier lenguaje de programación. Aunque es necesario poseer una conexión a internet, esto es compensado por las características mencionadas anteriormente, lo que les brinda numerosas ventajas frente a las aplicaciones de escritorio. Lenguaje de Programación Según Marvin M. (2008), es aquel elemento dentro de la informática que nos permite crear programas mediante un conjunto de instrucciones, operadores y reglas de sintaxis; que pone a disposición del programador para que este pueda comunicarse con los dispositivos hardware y software existentes. Control Según la página de internet http://www.monografias.com /trabajos14/control/control.shtml (2010), el control es: -

Una etapa primordial en la administración, pues, aunque una empresa cuente con magníficos planes, una estructura organizacional adecuada y una dirección eficiente, el ejecutivo no podrá verificar cuál es la situación real de la organización i no existe un mecanismo que se cerciore e informe si los hechos van de acuerdo con los objetivos. El concepto de control es muy general y puede ser utilizado en el contexto organizacional para evaluar el desempeño general frente a un plan estratégico. A fin de incentivar que cada uno establezca una definición propia del concepto se

revisara algunos planteamientos de varios autores estudiosos del tema:

Según Chiavenato (2004) “El control es una función administrativa: es la fase del proceso administrativo que mide y evalúa el desempeño y toma la acción correctiva cuando se necesita. De este modo, el control es un proceso esencialmente regulador” (p.18). Según, Henry F. (2009), expone que el control consiste en: “verificar si todo ocurre de conformidad con el PANM adoptado, con las instrucciones emitidas y con los principios establecidos” (p. 11). Asimismo, Robert B. (2009), lo define como: “medir los actuales resultados en relación con los planes, diagnosticando la razón de las desviaciones y tomando las medidas correctivas necesarias” (p. 16). De tal manera que, se puede definir control y sus tipos de la siguiente manera: una etapa primordial en la administración, pues, aunque una empresa cuente con magníficos planes, una estructura organizacional adecuada y una dirección eficiente, el ejecutivo no podrá verificar cuál es la situación real de la organización y no existe un mecanismo que se cerciore e informe si los hechos van de acuerdo con los objetivos. Importancia del Control Una de las razones más evidentes de la importancia del control es porque hasta el mejor de los planes se puede desviar. El control se emplea para: Crear mejor calidad: las fallas del proceso se detectan y el proceso se corrige para eliminar errores. Enfrentar el cambio: esta forma parte ineludible del ambiente de cualquier organización. Los mercados cambian, la competencia en todo el mundo ofrece productos o servicios nuevos que captan la atención del público. Surgen materiales y tecnologías nuevas. Se aprueban o enmiendan reglamentos gubernamentales. La función del control sirve a los gerentes para responder a las amenazas o las oportunidades de todo ello, porque

les ayuda a detectar los cambios que están afectando los productos y los servicios de sus organizaciones. Producir ciclos más rápidos: una cosa es reconocer la demanda de los consumidores para un diseño, calidad, o tiempo de entregas mejorados, y otra muy distinta es acelerar los ciclos que implican el desarrollo y la entrega de esos productos y servicios nuevos a los clientes. Los clientes de la actualidad no solo esperan velocidad, sino también productos y servicios a su medida. Agregar valor: los tiempos veloces de los ciclos son una manera de obtener ventajas competitivas. Otra forma, aplicada por el experto de la administración japonesa Kenichi Ohmae, es agregar valor. Tratar de igualar todos los movimientos de la competencia puede resultar muy costoso y contraproducente. Ohmae, advierte, en cambio, que el principal objetivo de una organización debería ser "agregar valor" a su producto o servicio, de tal manera que los clientes lo comprarán, prefiriéndolo sobre la oferta del consumidor. Con frecuencia, este valor agregado adopta la forma de una calidad por encima de la medida lograda aplicando procedimientos de control. Facilitar la delegación y el trabajo en equipo: la tendencia contemporánea hacia la administración participativa también aumenta la necesidad de delegar autoridad y de fomentar que los empleados trabajen juntos en equipo. Esto no disminuye la responsabilidad última de la gerencia. Por el contrario, cambia la índole del proceso de control. Base de Datos Según Roberto A. (2015) la Base de Datos es: Es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. En este sentido; una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos

impresos en papel e indexados para su consulta. Actualmente, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital, siendo este un componente electrónico, por tanto, se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos. Registro Según Victoria B. (2009), el registro puede definirse de esta forma: “Para la informática, existen distintos tipos de registros, pero en todos los casos hay una referencia al concepto de almacenar datos o información sobre el estado, procesos o uso de la computadora” (p.36). En primer lugar, un registro del sistema viene a ser una base de datos que tiene el fin de almacenar configuración, opciones y comandos propios del sistema operativo. En general, estos registros se utilizan en los sistemas Windows de Microsoft. Un registro de sistema puede contener información y configuraciones del hardware y software en uso, preferencias del usuario, asociaciones de archivos y ficheros, usos de sistema, cambios y modificaciones, etcétera. Estos registros son conservados dentro del sistema con denominaciones como "User.dat" o "System.dat" y pueden ser recuperados por el usuario para su transporte a otro sistema. Pagos Es toda aquella acción que realizamos para extinguir o cancelar una obligación. Se basa en la entrega de un bien, servicio o activo financiero a cambio de otro bien, servicio o activo financiero. En el campo económico, denominamos pago a la transacción (monetaria o no) por la que se extingue una deuda. Es decir, cuando realizamos un pago lo que estamos realizando

es acabar la última parte de una transacción, en la que previamente se ha prestado un servicio o entregado una mercancía, por lo que es la contraprestación del bien o servicio. Patrón Modelo-Vista-Controlador De acuerdo con su creador, Reenskaug (2009), se denomina Modelo-VistaControlador a un patrón de arquitectura de software que se basa en la separación de conceptos y reutilización de código. Para lograr la separación de la lógica de negocio, los datos y su representación en la interfaz de usuario, se dispone de los tres componentes antes mencionados. Fue una de las primeras ideas en el campo de interfaces gráficas de usuario (GUI, por sus siglas en inglés), y también uno de los primeros en describir las aplicaciones de software según sus funcionalidades. En su concepción original, el controlador y la vista eran análogos a la entrada y la salida. Sin embargo, dicha analogía no es válida en la actualidad. Según lo establecido por Rayfield & Leff (2001),se pueden definir los componentes, de manera genérica, como sigue: Modelo: Se encarga de todo lo referente a los datos e información, el acceso a la misma, consultas, actualizaciones, eliminaciones, implementar privilegios de acceso según las especificaciones de la lógica del negocio. Después de obtener la información solicitada, la envía a la vista para que sea mostrada. Dicha solicitud es recibida por el modelo a través del controlador. Vista: Toma la información enviada por el modelo, y la representa en un formato legible por el usuario, se encarga de toda la parte visual y de interacción (usabilidad, accesibilidad y demás). Controlador: Su función principal es manejar los eventos, y enviar peticiones al modelo cuando se solicita alguna información. Hace de intermediario entre la vista y el modelo,

manejando

también

detalles

(ordenamiento, filtrado, entre otros).

como

cambios

en

la

representación

Existen distintas implementaciones del patrón, sin embargo, de acuerdo con Moore, Budd & Benson (2007), en la mayoría el usuario realiza las mismas acciones generales y se desencadenan las mismas respuestas por parte de la aplicación. Esto es: el usuario interactúa con la interfaz de alguna manera, el controlador recibe el aviso de la acción solicitada por el usuario y gestiona el evento. Posteriormente el controlador accede al modelo, haciendo modificaciones apropiadas a la acción realizada. Al obtener los objetos del modelo, el controlador los envía a la vista, que tiene la tarea de desplegar la interfaz de usuario de manera apropiada. Finalmente, la interfaz espera nuevas interacciones, con lo que se repite el ciclo. Lenguaje de marcado de Hipertexto El Lenguaje de Marcado de Hipertexto (HTML por sus siglas en inglés), es el lenguaje utilizado para crear páginas web. Es uno de los componentes principales de la web abierta, de acuerdo con el W3C (2011). Es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada, con enlaces que conducen a otros documentos o fuentes de información relacionadas. Dicho texto se estructura mediante el uso de etiquetas, que le dan un significado especial a una sección determinada. Hojas de estilo en cascada Las hojas de estilo en cascada (CSS, por sus siglas en inglés), surgen, según Meyer (2006), con la finalidad de definir cómo se han de mostrar los elementos de HTML y con qué estilo se han de presentar, separando así la estructura del aspecto visual. Se pueden definir múltiples hojas de estilo para una misma página web. Con una hoja de estilo se puede cambiar la apariencia de una página web modificando algunas características como la fuente, márgenes y cualquier elemento visual como colores y borde

C# En inglés es pronunciado como “C Sharp”, en español como “C Almohadilla”, es un lenguaje de programación diseñado por la conocida compañía Microsoft. Fue estandarizado en hace un tiempo por la ECMA e ISO dos de las organizaciones más importantes a la hora de crear estándares para los servicios o productos. El lenguaje de programación C# está orientado a objetos. Que este lenguaje haya adquirido el nombre de C Sharp viene inspirado por el signo #, este signo se pronuncia como Sharp en inglés para la notación musical. Es un juego de palabras, puesto que “C#” musicalmente significaría “do sostenido”, donde el signo # nos indica que una nota es un semitono más alto. Todo eso lo podemos traducir como una metáfora sobre la superioridad del C# sobre su antecesor, el C++. También el símbolo de Sharp puede hacer una alusión a la unión de cuatro +, siguiendo el sentido de progresión de los lenguajes C.

JavaScript De acuerdo con Flanagan (1998), JavaScript es un lenguaje de programación interpretado que puede ser embebido directamente en código HTML. Permite crear aplicaciones web dinámicas e interactivas ejecutadas por completo dentro de un navegador web. Según el W3C (2011), los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje de una implementación del Document Object Model (DOM, Modelo de Objetos del Documento en español), que es una Interfaz de Programación de Aplicaciones (API, por sus siglas en inglés)de lenguaje neutro, que permite a los programas y scripts acceder

y

actualizar

dinámicamente

el

contenido,

estructura

y estilo

de

los

documentos web.

El

documento

puede

ser

procesado

y

los

resultados del

procesamiento se pueden incorporar de nuevo en la página presentada. JQuery De acuerdo con su creador, Resig (2008), jQuery es una biblioteca de JavaScript, cuya

función

principal

es

reducir

la

dificultad

inherente

a

escribir

código

directamente en el lenguaje de programación. La biblioteca, al igual que otras, ofrece funcionalidades que requerirían mucho más código y tiempo de desarrollo para llevar a cabo. De acuerdo con Google Analytics (2016), es la librería de JavaScript más utilizada. Por sus múltiples características y funciones, además de su compatibilidad, ha sido utilizado por grandes empresas, y prácticamente cualquier desarrollo que involucre JavaScript, incluye también jQuery. JQuery Validation JQuery Validation es un plugin para la librería JavaScript JQuery que agrega diversa funcionalidad para la validación de formularios. ASP.NET ASP.NET es definido según la página web https: //es.wikipedia.org/wiki/ASP.NET, como: Un entorno para aplicaciones web desarrolladas y comercializadas por Microsoft. Es usado por programadores y diseñadores para construir sitios web dinámicos, aplicaciones web y servicios web XML. Apareció en enero de 2002 con la versión 1.0 del .NET Framework, y es la tecnología sucesora de la tecnología Active Server Pages (ASP). ASP.NET está construido sobre el Common Language Runtime,

permitiendo a los programadores escribir código ASP.NET usando cualquier lenguaje admitido por el .NET Framework. Bootstrap Es un marco de desarrollo de front-end de código abierto y gratuito para la creación de sitios web y aplicaciones web. El marco de Bootstrap se basa en HTML, CSS y JavaScript (JS) para facilitar el desarrollo de sitios y aplicaciones receptivas y móviles. El diseño receptivo hace posible que una página web o aplicación detecte el tamaño y la orientación de la pantalla del visitante y adapte automáticamente la pantalla en consecuencia; El primer enfoque móvil supone que los teléfonos inteligentes, las tabletas y las aplicaciones móviles para tareas específicas son las herramientas principales de los empleados para realizar el trabajo y aborda los requisitos de esas tecnologías en el diseño. Bootstrap incluye componentes de interfaz de usuario, diseños y herramientas JS junto con el marco para la implementación. El software está disponible precompilado o como código fuente. 2.3 Definición de Términos Básicos Framework: Un entorno de trabajo o marco de trabajo es un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar. Gestión: Es la acción de gestionar y administrar una actividad profesional estimado a establecer los objetivos y medios para su realización, a precisar la organización de sistemas, con el fin de crear la estrategia del desarrollo y a ejecutar la gestión del personal.

Http: Acrónimo de Hypertext Trasport Procol (Protocolo de trasporte de hipertexto) protocolo de internet que define como un servidor de web debe responder a las solicitudes de los artículos que se hacen vía anchor’s y URL’S. Sistema de control manual: Un sistema de control manual es cuando interviene el hombre sobre el elemento de control, la acción del hombre es la que actúa siempre sobre el sistema. Software: Consiste en un código en un lenguaje máquina específico para un procesador individual. El código es una secuencia de instrucciones ordenadas que cambian el estado del hardware de una computadora. Sistema automatizado: La automatización es un sistema donde se trasfieren tareas de producción, realizadas habitualmente por operadores humanos a un conjunto de elementos tecnológicos. Usuarios: Son aquellos que utilizan dispositivos con sus sistemas y aplicaciones. Esto con el fin de conectarse con otros usuarios, generar archivos y un sinfín de las posibilidades ofrecidas por la tecnología. La interfaz gráfica de usuario (GUI): Es el contenido gráfico mediante el cual se visualiza información del equipo en una pantalla. Casi todos los programas tienen alguna clase de interfaz visual, que sirve al mismo tiempo para mostrar información al usuario y como un mapa de navegación entre diferentes comandos.