22
DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA INSTITUTO TECNOLÓGICO DE CD. VALLES NENEK-ES sistema para gestionar la comunicación de comunidades virtuales de hablantes en lengua indígena (CVLI) con el resto de comunidades disponibles en Internet. Ingeniería en Sistemas Computacionales Pablo Morales Ferreira 09690141 Enrique de Jesús Espinoza Salas 09690077 ASESOR INTERNO ASESOR EXTERNO Dr. José Luis González Compeán Dra. Anuschka Johanna Van´ t Hooft MANUAL DE USUARIO

DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

INSTITUTO TECNOLÓGICO DE CD. VALLES

NENEK-ES sistema para gestionar la comunicación de comunidades virtuales de

hablantes en lengua indígena (CVLI) con el resto de comunidades disponibles en

Internet.

Ingeniería en Sistemas Computacionales

Pablo Morales Ferreira 09690141

Enrique de Jesús Espinoza Salas 09690077

ASESOR INTERNO ASESOR EXTERNO

Dr. José Luis González Compeán Dra. Anuschka Johanna Van´ t Hooft

MANUAL DE USUARIO

Page 2: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

i

Índice

1 Registro ............................................................................................................ 1

2 Métodos De Entrada ........................................................................................ 3

3 Olvidar Contraseña .......................................................................................... 5

4 Contacto ........................................................................................................... 6

5 Inicio ................................................................................................................. 7

6 Perfil ............................................................................................................... 12

7 Correo ............................................................................................................ 13

8 Solicitudes De Amistad .................................................................................. 16

9 Búsqueda ....................................................................................................... 17

10 Editar Cuenta ................................................................................................. 18

Page 3: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

ii

INTRODUCCIÓN

El presente manual permitirá aprender a utilizar las funcionalidades de la

Red Social: NENEK-ES. Describiendo las diferentes secciones con las que cuenta

las cuales son: Registro, Entrada, Registro o Entrada Con Facebook, Recuperar

contraseña, Contacto, Inicio, Perfil, Correo, Solicitudes, Búsqueda y Editar cuenta.

Page 4: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

1

1 Registro

¿Cómo registrarse en la plataforma Nenek?

Cuando se accede a la plataforma www.nenek.mx se observa la siguiente

pantalla, la cual muestra un menú de navegación para visitar las diferentes

secciones, marcada con rojo la opción para ir a la red social.

Pantalla 1 Página principal de la plataforma nenek.mx

En la siguiente pantalla se observa la entrada a la red social nenek, al igual

que una serie de opciones aplicables a la misma, se oprime el boton marcado para ir

a la sección de registro.

Pantalla 2 Página principal de la red social nenek

Page 5: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

2

En la sección de registro se deben colocar los datos que se solicitan (nombre

de usuarios, correo, contraseña y sexo) posteriormente oprimir el botón marcado.

Pantalla 3 Sección de registro de usuario en la red social nenek

Para finalizar el registro el sistema comprueba que el nombre de usuario o

correo no se encuentren registrados anteriormente, notificando al usuario en

caso de que se deba cambiar alguna información, o creando la cuenta si los

datos son correctos.

Page 6: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

3

2 Métodos De Entrada

Para entrar a la plataforma se requieren dos datos: una cuenta de correo

válido previamente registrado y una contraseña que esté enlazada con este correo,

estos datos se introducen en la sección de entrada a la red social mencionada

anteriormente.

Pantalla 4 Sección de entrada a la red social nenek

Otra forma de entrar a la red social nenek es a través de facebook, esto se

realiza presionando el siguiente botón marcado.

Pantalla 5 Sección de entrada a la red social nenek (marcada la opción entrar

con facebook)

Page 7: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

4

Con esta acción se solicitaran algunos permisos para poder establecer la

conexión, los cuales se deberán de aceptar en la cuenta de facebook.

Pantalla 6 Ventana de permisos para compartir información

Al aceptar los permisos se verifica si el correo de la cuenta de facebook está

registrado en la red social nenek, en caso de que exista el usuario se podrá loguear

normalmente, en caso contrario se crea una nueva cuenta solicitando únicamente

una contraseña para la nueva cuenta para poder acceder.

Page 8: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

5

3 Olvidar Contraseña

En la esquina superior derecha en la página principal de la red social nenek se

encuentra la pestaña “Olvidaste tu contraseña” con la cual se podrá acceder a un

panel.

Pantalla 7 Sección de entrada a la red social nenek (marcada la opcion

recuperar contraseña)

El panel contiene un recuadro (como se muestra en la siguiente pantalla) para

escribir el correo electrónico del usuario que olvido la contraseña, el cual debe estar

registrado en la plataforma, a este correo se envía un mensaje privado con la

contraseña de la cuenta solicitada.

Pantalla 8 Panel para recuperar la contraseña olvidada

Page 9: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

6

4 Contacto

En la página principal de la red social nenek se encuentra la opción

contáctanos, la cual al seleccionarla muestra un formulario.

Pantalla 9 Opción de contactanos para los usuarios en la red social

Panel de contacto, en el cual el usuario coloca la información solicitada

(nombre, correo y mensaje) la cual se envía al correo interno de nenek para ser

almacenada y después revisada por los administradores.

Pantalla 10 Panel de contacto entre los usuarios y los administradores de nenek

Page 10: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

7

5 Inicio

Al iniciar sesión con éxito se muestra la página principal de contenido de la red

social, en donde se observan las publicaciones realizadas y de los usuarios con los

que se tiene una relación de amistad.

Pantalla 11 Página principal de contenido de la red social nenek

En esta página existen diferentes secciones: grupos, muro (publicaciones) y

hashtag. En la parte izquierda se encuentra la foto de perfil del usuario (al crear la

cuenta se coloca una imagen por default y al conectarse con Facebook se coloca la

imagen que se tiene en el perfil del facebook). Debajo de la imagen de perfil se

encuentra la sección de grupos, con las opciones crear uno nuevo y verlos.

Pantalla 12 Sección grupos dentro de la red social

Page 11: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

8

Al dar clic en la opción “Crear grupo” se muestra un panel en el cual se solicita

un nombre para el grupo y una breve descripción del mismo así como elegir la

privacidad de este, con las opciones de grupo público (cualquier persona puede ver

los contenidos o grupo privado (únicamente los miembros aprobado podrán ver los

contenidos).

Pantalla 13 Panel para crear grupos de trabajo en la red social

Pantalla 14 Opciones para el tipo de grupo creado por el usuario

Al hacer clic en el enlace “ver todos los grupos” se muestran todos los grupos

a los que el usuario pertenece, incluso los que ha creado el usuario.

Pantalla 15 Lista de los grupos a los que pertenece el usuario

Page 12: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

9

En la sección de enmedio de la red social se muestra el “muro” aquí es donde

aparecen todas las publicaciones realizadas y las que han hecho los amigos.

Pantalla 16 Página principal donde se muestran las publicaciones (muro)

Las publicaciones contienen aparte del texto publicado, la fecha de

publicación, el nombre de usuario de quien hizo la publicación, un icono (Me agrada)

que al dar clic sobre este icono, cambia a otro acentuando que agrada la publicación,

además de un recuadro para que se escriban comentarios acerca de la publicación.

Pantalla 17 Ejemplo de una publicación realizada por un usuario

Page 13: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

10

Pantalla 18 Ejemplo de una publicación en la que el usuario oprimió la opción me

agrada

Las publicaciones pueden contener respuestas tantas como se deseen, los

usuarios pueden interactuar por este medio.

Pantalla 19 Ejemplo de una comentario

Page 14: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

11

En la parte derecha de la página de inicio se encuentra una sección de

“hashtag”, la cual se usa para mostrar los temas más hablados por los usuarios

dentro de la red social.

Pantalla 20 Sección de hashtags (temas) mas usados por los usuarios

Al dar clic sobre el enlace “ver” se muestran las publicaciones que contienen el

“hashtag” con esto viene el nombre del usuario que lo publicó.

Pantalla 21 Página que muestra los hashtags a los que el usuario hizó referencia con

el enlace “ver”

Page 15: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

12

6 Perfil

En la página de perfil se observa algo similar a la página de inicio pero en la

parte izquierda ahora se muestran dos enlaces.

1) Información: Muestra la información de la cuenta del usuario a quien

pertenece el perfil visitado.

2) Amigos: Visualiza los amigos del usuario a quien pertenece el perfil

visitado

Pantalla 22 Página de perfil de un usuario

Pantalla 23 Página que muestra los amigos del usuario

Amigos

Información

Page 16: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

13

7 Correo

En la sección de correo se observan una bandeja de entrada, una de salida, y

correos eliminados.

Pantalla 24 Página de correo perteneciente al usuario

En el primer enlace del lado izquierdo se encuentra la opción de “nuevo

correo”, para poder enviar uno se necesita conocer el correo electrónico de la

persona a la cual se le desea enviar el correo, un asunto, el tipo de correo, existen

dos opciones, normal o urgente y el texto a enviar.

Pantalla 25 Sección para enviar un correo electronico a un usuario

Page 17: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

14

Pantalla 26 Ejemplo de los datos para enviar un correo

Al enviar un correo este pasa a la bandeja de salida, donde tendrá como

opción eliminarlo si así se desea, este se guardará tal cual lo ve la persona a la que

se le ha enviado dicho correo.

Pantalla 27 Seccion bandeja de salida de los correos del usuario

Para eliminar algún correo se tiene la opción de borrar (icono de basura en

cada correo enviado o recibido), el cual pide la confirmación para desechar el correo

deseado.

Page 18: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

15

Pantalla 28 Panel para confirmar la eliminación de un correo

Al eliminar un correo este se pasa a la bandeja de correos eliminados en la

cual se puede borrar definitivamente.

Pantalla 29 Sección para los correos eliminados

Page 19: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

16

8 Solicitudes De Amistad

Cuando se tienen solicitudes pendientes aparece una notificación en la parte

superior, en la barra de navegación.

Pantalla 30 Ejemplo de una notificación de una nueva solicitud de amistad

Al dar clic sobre la notificación se muestra una página de solicitudes donde se

despliegan las solicitudes de amistad que se han recibido.

Pantalla 31 Sección para visualizar las solicitudes de amistad recibidas

Aquí el usuario tiene la libertad de aceptar las solicitudes que recibe, cada

tarjeta de solicitud contiene el nombre del usuario que la envió, el número de amigos

en común y su correo.

Page 20: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

17

9 Búsqueda

En la barra de navegación el primer vínculo de la sección de la derecha,

tenemos la opción de buscar, al dar clic se muestra un panel con un recuadro para

escribir, al estar escribiendo este despliega coincidencias de grupos o personas con

el texto que se ha escrito.

Pantalla 32 Opción de busquedas de usuarios y grupos (marcada con rojo)

Pantalla 33 Panel para busquedas

Page 21: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

18

10 Editar Cuenta

En la barra de navegación en la esquina superior derecha se encuentra la

opción “Editar Cuenta” en donde se puede editar los datos de la cuenta (nombre,

apellidos, fecha de nacimiento, localización, sitio web y trabajo), incluso se puede

cambiar la imagen de perfil y la contraseña.

Pantalla 34 Sección para editar la información de la cuenta del usuario

Para editar los datos de la cuenta del usuario se da clic en la opción (editar)

para activar los recuadros y empezar a modificar la información, igualmente para la

contraseña, al terminar de modificar la información se oprime el botón aceptar para

guardar los cambios realizados.

Pantalla 35 Sección para editar la información de la cuenta del usuario

Page 22: DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA ...nenek.inali.gob.mx/nenekdev/ES/download/Manual De Usuario Nene… · DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA

19

Para editar la imagen de perfil dar clic en el botón “Subir Imagen”.

Pantalla 36 Sección editar imagen de perfil del usuario

Se abrirá una ventana para que el usuario elija la nueva imagen de perfil, al

seleccionar la nueva imagen y presionar aceptar automáticamente comenzará a

subirse la imagen, cuando termine de cargar esta se colocará en lugar de la anterior

imagen enviando también una notificación del cambio realizado.

Pantalla 37 Ejemplo de editar la imagen de perfil del usuario