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
puedan desprenderse nuevos conocimientos.

Según Sabino (2002), explica que las bases teóricas consisten. “En situar el
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: A medida que las compañías se hagan cargo del

almacenamiento de los datos del usuario, el almacenamiento de 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-Vista-

Controlador 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 como cambios en la representación
(ordenamiento, filtrado, entre otros).
 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.