• No se han encontrado resultados

1. MARCO TEORICO

1.1 Sistemas De Información Gerencial (SIG) [1]

1.2.3 Dashboard

1.2.3.2 Tipos de Dashboard

En general pueden calificarse de la siguiente forma, atendiendo al área que involucran:

Dashboard de ventas: Se monitorean las cifras de ventas por regiones o unidades

operativas, lo cual permite a las organizaciones efectuar una mejor predicción de ellas y aprovechar las oportunidades de negocios y reaccionar de mejor manera ante cualquier problemática eventual.

Dashboard financieros: Corresponden al monitoreo de datos financieros desde unidades

operativas, permitiendo incrementar la transparencia para los ejecutivos y miembros de directorios.

24

Dashboard de soporte al cliente: Indica cifras relacionadas con el centro de contactos,

temas de atención y servicio al cliente, buscando incrementar los niveles de satisfacción.

Dashboard de cadena de abastecimiento y producción: Monitorea y compara en

tiempo real la producción con tendencias históricas para poner los eventos actuales en perspectiva de negocios y proveer una vista profunda de las operaciones de la cadena de abastecimiento.

1.3Herramientas de Desarrollo

1.3.1 HTML 5[6]

“HTML5 es la actualización de HTML, el lenguaje en el que es creada la web. HTML5

también es un término de marketing para agrupar las nuevas tecnologías de desarrollo de aplicaciones web: HTML5, CSS3 y nuevas capacidades de Javascript.” 5

Novedades6

 Incorpora etiquetas (canvas 2D y 3D, audio, video) con codecs para mostrar los

contenidos multimedia.

 Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y

Command. Permiten generar tablas dinámicas que pueden filtrar, ordenar y ocultar contenido en cliente.

5

VEGA, Freddy,(2013), Introducción HTL5, http://www.cristalab.com/tutoriales/introduccion-a- html5-c92171l/

6

ALEINSTER, Joshua,(2012), Aprende HTML5 con video tutoriales,

25

 Mejoras en los formularios. Nuevos tipos de datos (email, number, url, datetime) y

facilidades para validar el contenido sin Javascript.

 Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales). En general

se deja abierto a poder interpretar otros lenguajes XML.

 Drag & Drop. Nueva funcionalidad para arrastrar objetos como imágenes.

1.3.2 CSS 3

Las hojas de estilo en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad de definir las reglas y estilos de representación en diferentes dispositivos, ya sean pantallas de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos capaces de mostrar contenidos web.

Las hojas de estilo nos permiten definir de manera eficiente la representación de nuestras páginas.

A partir del año 2005 se comenzó a definir el sucesor de esta versión, al cual se lo conoce como CSS3 o Cascading Style Sheets Level 3.

Actualmente en definición, esta versión nos ofrece una gran variedad de opciones muy importantes para las necesidades del diseño web actual. Desde opciones de sombreado y redondeado, hasta funciones avanzadas de movimiento y transformación, reemplazando así al tan utilizado flash, CSS3 es el estándar que dominará la web por los siguientes años.

26 1.3.3 JQuery

JQuery es considerado un Framework de Javascript o ambiente de desarrollo que nos ofrece como característica principal, que a través de esta podemos cambiar el contenido web sin necesidad de recargar.

Básicamente es un conjunto de utilidades las cuales no necesitan ser programadas de hecho ya fueron programadas, probadas y podemos utilizarlas de una manera muy simplificada.

En otras palabras, podremos lograr los mismos resultados, en menor tiempo sin necesidad de programar una funcionalidad completamente solo reutilizando código.

Características

 Manejo de Eventos

 Manipulación de Css

 Efectos y animaciones

 Compatibilidad con los navegadores (Chrome, Firefox, Safari)

USO

La forma de interactuar con la página es mediante la función $(), un alias de JQuery (), que recibe como parámetro una expresión CSS o el nombre de una etiqueta HTML y devuelve todos los elementos que concuerden con la expresión.

27 EJEMPLO

$(“#elemento”).html(“<span>Ejemplo</span>”);

En la línea de códigos vemos como accedemos al elemento con ID: elemento y colocamos en formato html el texto Ejemplo.

1.3.4 JSP

Java Server Pages o JSP es una tecnología basada en Java que simplifica el desarrollo de páginas web con contenido dinámico. Con JSP, los diseñadores web pueden incorporar elementos dinámicos dentro de la página utilizando tanto porciones de código Java incrustadas, como unas cuantas etiquetas. Así, las páginas JSP tienen el aspecto de una página tradicional HTML, a la que se le ha introducido parte de código Java junto con unas etiquetas. De esta forma, cuando una página es solicitada por un usuario y procesada por un servidor HTTP, el código HTML pasará directamente al usuario, mientras que las porciones de código Java serán ejecutadas en el servidor cuando la solicitud haya sido recibida, para generar el contenido dinámico de la página. Cuando el usuario acceda al código de la página que le llega sólo verá HTML, sin poder acceder al código JSP.

VENTAJAS

 Licencia completamente gratuita

 Jsp se puede ejecutar en cualquier plataforma en la que se encuentre el servidor web.

28

 Existe gran cantidad de servidores web que son gratuitos.

 Manejo de directivas como: sesión (variables de sesión), include (incluir ficheros en

la página).

1.4Servidores

Un servidor es un equipo informático que forma parte de una red y provee servicios a otros equipos cliente.

1.4.1 Servidor web

Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de Internet.

El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una página web o información de todo tipo de acuerdo a los comandos solicitados. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP.

Un servidor web básico cuenta con un esquema de funcionamiento muy simple, basado en ejecutar infinitamente el siguiente bucle:

 Espera peticiones en el puerto TCP por defecto el puerto 80.

 Recibe una petición.

29

 Envía el recurso utilizando la misma conexión por la que recibió petición.

 Vuelve al segundo punto.

Cuando navegamos por Internet, estamos continuamente accediendo a cientos de servidores Web, los cuales son almacenes de información en forma de páginas Web, dispuestas para su rápida entrega.

El almacenamiento de información se puede realizar en un “servidor dedicado”, una

computadora servidora dedicada exclusivamente al sitio del cliente (para aplicaciones de alta demanda), o en un “servidor compartido”, lo que significa que un mismo servidor

(computadora + programa servidos) se usará para varios clientes compartiendo los recursos.

Documento similar