-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathREADME1.txt
102 lines (69 loc) · 3.49 KB
/
README1.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
# ECV
Primera práctica
- Chat
Alejandro Rodríguez Corrales
174249
alejandro.rodriguez04@estudiant.upf.edu
David Moreno Esteban
174440
david.moreno04@estudiant.upf.edu
Alexis Ruiz Alcalá
174746
alexis.ruiz01@estudiant.upf.edu
##############################################################################
NOTA: El chat tiene disponibles notificaciones por cada mensaje. Habrá que
dar permisos al navegador para mostrarlas y además, dado que nuestro chat se
encuentra en una carpeta local, tendremos que abrirlo desde el host que
nos ofrece GitHub:
https://jxarco.github.io/ECV1
Una vez dentro, clicar al escudo de la barra navegación para permitir todas
las cargas de scripts, sino no funcionará nada.
Si se abre localmente, funcionará de la misma manera todo excepto que no
dispondremos de notificaciones.
##############################################################################
U TALK CHAT
Este es el nombre que le hemos puesto a nuestro chat. Varios elementos:
##############################################################################
Selección de sala: Pantalla de inicio. Escribir “room” a la que queremos
entrar y pulsar ENTER.
- Al entrar, focus automático a la caja de texto del
chat.
##############################################################################
Menú: Podemos abrirlo en la parte superior izquierda. En el podremos:
- Abrir o cerrar el chat
- Eliminar la conversación existente
- Abrir Perfil de usuario
- Cambiar tema: Hay 4 disponibles, cada uno con un CSS distinto.
o Simple
o Elegant
o Fashion
o Console
Podemos cerrar el menú haciendo clic a la X o pulsando ESC.
##############################################################################
Mi Perfil: Representación de nuestro avatar y de nuestro nombre de usuario.
Dos botones para poder cambiar dicha información.
- Botón 1: Abrir área de texto y selección de avatares haciendo clic.
DETALLE: Al clicar, focus automático al area de texto y scroll down para
ver el panel de modificación entero o el panel de avatares.
- Cerrar pulsando ESC cualquiera de los submenús.
- Cuando los cambiemos se enviará un auto-mensaje a los demás en el chat.
- Se cambiará en el chat de la otra persona automáticamente.
- Otro botón para ocultar el cuadro de “Mi perfil”.
##############################################################################
Gente conectada: Parte donde aparecerá la gente conectada al chat. Cuando una
persona ingrese al chat, se enviará un auto-mensaje a las personas que ya
están en el chat.
- Desaparecerán del panel los usuarios que se desconecten.
##############################################################################
Cuadro de chat: En el podremos realizar 3 operaciones distintas:
- Enviar mensajes públicos: llegarán a todas las personas conectadas.
Enviar usando el botón SEND o la tecla ENTER. Usando el botón se hará
focus automático a la caja de texto para volver a enviar otro msg.
- Enviar mensajes privados al estilo “whispers”: Escribir el mensaje
y una vez queramos enviar, hacer clic en el avatar de la persona a la
queramos enviar el mensaje. Este solo le llegará a dicha persona.
- Zoom al avatar de cada persona dentro del chat. Hacer clic al avatar
que aparece junto al mensaje de cada persona.
NOTA: En los dos tipos de mensajes podremos activar o desactivar la casilla
de mayúscula automática en la primera letra del mensaje.
##############################################################################