UNIVERSIDAD DE LAS FUERZAS ARMADAS ESPE

SEDE SANTO DOMINGO

DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN

CARRERA DE INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN

PERIODO : Mayo 2020 – Septiembre 2020

ASIGNATURA : Interfaces y Multimedia(Aplicaciones Interactivas)

TEMA : Asistente de chat en sitios Web

NOMBRES : Jhoseph Alberto Molina Salavarría

NIVEL-PARALELO : Quinto “A”

DOCENTE : Henry Mauricio Chanatasig Toapanta

FECHA DE ENTREGA : 14/05/2020

SANTO DOMINGO - ECUADOR

2020
Índice
1. Introducción.................................................................................................................2

2. Sistemas de Objetivos..................................................................................................2

2.1. Objetivo General:.................................................................................................2

2.2. Objetivos Específicos:..........................................................................................3

3.2. Características de la tecnología multitáctil...........................................................3

3.3. Tipos de pantalla multitáctil...............................................................................4

3.3.1. Pantalla Táctil Resistiva...................................................................................4

3.3.2. Pantalla táctil Capacitativa...............................................................................4

3.3.3. Pantalla de onda acústica..................................................................................5

3.3.4. Pantalla de onda óptica.....................................................................................6

3.4. Tabla comparativa entre la tecnología multitáctil................................................1

4. Conclusiones................................................................................................................1

5. Recomendaciones........................................................................................................1

6. Bibliografía..................................................................................................................1

1. Introducción
Una de las tendencias actualmente es la comunicación en tiempo real, es decir, dos o más
personas se comunican, o intercambian información en un momento dado. Se podría
argumentar que esto ya se hace con el teléfono, pero la diferencia fundamental estriba en el
coste. Por ejemplo, mantener una conversación telefónica entre dos personas con el océano
Atlántico de por medio es bastante más caro que mantener esa misma conversación a través
de Internet. Esta conversación en Internet puede ser mediante texto escrito. Lo que el emisor
escribe en su ordenador va apareciendo en la pantalla del ordenador del receptor.
En este tipo de conversaciones o charlas (del inglés chat) pueden participar más de dos
personas, lo que podría convertirlo en una herramienta útil para que varias personas
(profesores y estudiantes, por ejemplo) recibieran a la vez la misma información.
 2. Sistemas de Objetivos
2.1. Objetivo General:

Investigar la forma correcta para aplicar un estilo de chat en html con css, mediante
ejemplos en páginas web y herramientas, para poder añadir un sistema de chat según el
requerimiento del docente

2.2. Objetivos Específicos:

 Analizar el manejo de chats en paginas web, sus comandos y su importancia
actualmente.
 Realizar una inserción de un chat proporcionado por el docente en un sitio
web seleccionado por el estudiante.
3. Desarrollo
3.1. Sistema de chat en HTML
Tener un chat en línea como Ringow en tu sitio web representa importantes beneficios, ya
sea como servicio al cliente o para incrementar las ventas y es que este incremente la
satisfacción del cliente en un 53%. Está demostrado que aquellas personas que chatean en
línea compran 7.5 más que las que no. Estar disponible para comunicarse con los clientes en
el momento justo que sus dudas surgen, hace la diferencia, la gran mayoría de usuarios
inician una conversación en línea, y al hacerlo se inicia una relación de confianza, donde el
cliente ya se siente respaldado antes de comprar.
El icono de nuestro chat está disponible en cualquier página del sitio y llama la atención
del visitante. El cliente puede acceder a este en cualquier momento. Ten en cuenta a que a tu
página llegan miles de clientes potenciales que al mismo tiempo están buscando lo mismo en
otras páginas, así que si le proporcionas servicio al cliente inmediato, las posibilidades de
tener la venta es un 70% mayor que la de tu competencia.

Ringow ayuda a crear una base de datos de las dudas y necesidades de tus clientes
prospectos, ve tomando nota de las dudas más frecuentes, esto te ayudará a dar respuestas
más rápidas, además
 Es una necesidad creada para satisfacer al cliente, crearle una experiencia y hacerlo feliz
incluso antes de haber comprado o adquirido tu servicio.

Figura 1: Chats en HTML

3.2. Beneficios de un asistente de chat en sitio web

 Seguir las tendencias del futuro de las páginas web
 Responderás más rápido
 Tu página web trabaja para ti 24/7
 Es una forma de mostrar tu personalidad
 Tus clientes sentirán que les tomas en cuenta
 Conocerás mejor a tus visitantes
 Puedes Promocionar tus productos de manera más efectiva
 Agilizarás el proceso de venta
 Entablarás una relación a largo plazo

Figura 2: Beneficios de un asistente de chat

3.3. Pasos generales para crear un asistente chat

  Comenzamos nuestro html con las etiquetas usuales DOSCTYPE, html, head y body.
En la etiqueta head, ponemos nuestro título y enlazamos el documento a nuestra hoja
de estilos css (style.css).
 Dentro de la etiqueta body, estructuramos nuestro diseño dentro del div #wrapper.
Tendremos tres bloques principales: un Menú sencillo, nuestra caja de chat, y la
entrada del mensaje; cada uno con sus respectivos div y id.
o El div #menu consistirá de dos elementos de párrafo. El primero será una
bienvenida para el usuario y flotará a la izquierda y el segundo, será un link
de salida y flotará a la derecha. También incluiremos un div para limpiar los
elementos.
o El div #chatbox contendrá nuestro registro del chat. Cargaremos nuestro
registro desde un archivo externo usando una solicitud de ajax de jQuery.
o El último ítem en nuestro div #wrapper será nuestro formulario, el cual
incluirá una entrada de texto para el mensaje del usuario y un botón de enviar.
 Agregamos nuestros scripts de último para cargar la página más rápido. Primero
enlazaremos la librería de Google jQuery CDN, ya que estaremos usando esta librería
en este tutorial. Nuestra segunda etiqueta script estará donde estaremos trabajando.
Cargaremos todo nuestro documento después de que el documento esté listo.

Aplicación de
4. Conclusiones

 Con respecto a la tecnología multitáctil, tenemos distintos tipos de los mismos,

algunos con mejores características que otro, sin embargo, en los campos en los
que se aplican actualmente en gran parte son el los smartphone, ya que esto
requieren necesariamente el manejo de esta tecnología.
 Con la tabla comparativa se logro definir que tipo de esta tecnología es la de mejor
gama, tanto es sus características como uso, durabilidad, consumo de electricidad y
entre mas cosas. También se logró diferenciar con exactitud estos tipos de
tecnologías, dando así un resultado favorable para la entrada multitáctil resistiva

5. Recomendaciones

 Se recomienda entender los campos en los que se trabaja con este tipo de
tecnologías, ya que en la actualidad es la que mas esta resaltando, por razones de
mejor experiencia de usuario, mejor comodidad y asta incluso para lograr llevar la
calidad del producto a otro nivel.
 Es importante saber las diferencias entre este tipo de tecnologías, ya que esto
ayudará a evitar una mala elección al momento de trabajar o usar alguna pantalla
multitáctil. también es de gran importancia tomar en cuenta los costos y lo que esto
me representaria a nivel empresarial o personal.
6. Bibliografía
Bernardo Quintino Guzmán, M. S. (2019). DISEÑO DE HERRAMIENTAS VIRTUALES
PARA PANTALLA MULTITÁCTIL. JÓVENES EN LA CIENCIA, 17-78.
Francisco. (2009). Pantalla multitáctil portátil de bajo coste. TIB, 267-270.
González, G. A. (19 de Octubre de 2016). Definicion ABC. Obtenido de Tecnología
multitactil: https://www.definicionabc.com/tecnologia/multitactil.php
Yadira Quiñonez, G. L. (2016). Implementación de un sistema multi-táctil en ambientes
educativos para promover y facilitar la evaluación del trabajo colaborativo en el aula.
Cielo Portugal, 66-79.