Manual de Usuario. OCLING - Organic Chemistry Learning Aplicación Para Apoyar La Enseñanza De Química Orgánica En Universidades

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Manual de Usuario. OCLING - Organic Chemistry Learning Aplicación Para Apoyar La Enseñanza De Química Orgánica En Universidades"

María Rosa Giménez Iglesias
hace 6 años
Vistas:

1 Manual de Usuario OCLING - Organic Chemistry Learning Aplicación Para Apoyar La Enseñanza De Química Orgánica En Universidades FACULTAD DE INGENIERIA CARRERA DE INGENIERIA DE SISTEMAS BOGOTÁ, D.C. 2016

2 Página de Firmas Directora del Trabajo de Grado: Ing. Luisa Fernanda Barrera León Estudiante de Ingeniería de Sistemas: Daniel Oswaldo Melo Romero

3 Historial de Cambios Versión Sección del documento Descripción del cambio Responsable 0.1 Todo documento el Creación del documento y especificación del contenido que debe tener cada sección. Se agregaron los encabezados de cada sección, la tabla de historial de cambios, tabla de contenido y lista de ilustraciones. Daniel Melo 0.2 Todo documento el Versión inicial de cada una de las secciones junto con sus respectivas referencias. Daniel Melo 0.3 Todo documento el Revisión y cambios sugeridos por la directora de trabajo de grado. Daniel Melo 0.3 Todo documento el Adición de las imágenes del proceso. Daniel Melo

4 Tabla de Contenido Lista de Ilustraciones Descripción del Documento Descripción General del Sistema Entorno de Trabajo Configuración Hardware Configuración Software Funcionamiento del Sistema Requisitos de Acceso Descripción del Perfil de Usuario Instrucciones de Uso Descripción del Procedimiento... 11

5 Lista de Ilustraciones Ilustración 1 Ingreso Aplicación... 9 Ilustración 2 Registro de Usuario... 9 Ilustración 3 Menú Estudiante Ilustración 4 Menú Profesor Ilustración 5 Listado de Átomos Ilustración 6 Información Átomo Ilustración 7 Imagen Base Ilustración 8 Dibujar Átomo Ilustración 9 Dibujar Enlace Ilustración 10 Eliminar Componente Ilustración 11 Validar Enlace Ilustración 12 Responder Quiz Ilustración 13 Obtener Resultados Ilustración 14 Guardar Nuevo Nivel Ilustración 15 Eliminar Nivel Ilustración 16 Activar Quiz Ilustración 17 Nueva Pregunta Ilustración 18 Eliminar Pregunta Ilustración 19 Modificar Pregunta Ilustración 20 Resultados Estudiantes... 20

6 1. Descripción del Documento Este documento Manual de Usuario, tiene como objetivo soportar la nueva aplicación a partir de los desarrollos que fueron realizados para cumplir con las especificaciones dadas en el documento SRS - Software Requirements Specification. 2. Descripción General del Sistema En los numerales posteriores se desarrollará el manual de usuario para el uso de cada una de las pantallas creadas para la aplicación OCLING las cuales poseen filtros para que el usuario seleccione según sus necesidades y según el rol. Sección de teoría. o Listados de Átomos. Realidad Aumentada. Sección de Juego Sección de Quiz Sección de Administración o Juego o Quiz Resultados 2.1. Entorno de Trabajo Entorno de trabajo con tipología móvil (OCLING), con conexión a base de datos provista por la Pontificia Universidad Javeriana Configuración Hardware Se deben dar permisos a la aplicación para el uso de GPS, cámara y acceso a internet Configuración Software El sistema operativo debe presentar una versión mínima de Android 2.3 para el correcto funcionamiento del aplicativo.

7 2.2. Funcionamiento del Sistema Las funcionalidades implementadas que se encuentran en el sistema para el requerimiento son: Pantalla INGRESO AL APLICATIVO: Muestra los campos de correo y contraseña para ser ingresadas por un usuario registrado previamente. Pantalla - REGISTRO: Muestra los campos necesarios para realizar un registro de un usuario nuevo con rol estudiante. Nombre Contraseña Teléfono Universidad Semestre Profesor Pantalla - MENU: Muestra las diferentes opciones que presenta el usuario para interactuar con la aplicación: Teoría Realidad Aumentada Juego Quiz Administración Pantalla TEORIA: Permite la selección de un átomo y visualizar la información respectiva sobre dicho elemento. Átomos: Carbono Oxigeno Nitrógeno Hidrogeno Flúor Cloro Yodo Bromo

8 Azufre Información por átomo: Nombre Símbolo Numero Serie Estructura cristalina Electrones por nivel Pantalla REALIDAD AUMENTADA: Permite la visualización de un átomo por medio de la realidad aumentada y con el uso de la cámara del dispositivo. Pantalla JUEGO: Permite la interacción por medio de dibujos de líneas y átomos para que el usuario pueda generar representaciones de enlaces según la pregunta o solicitud dada por el aplicativo. Pantalla QUIZ: Permite al usuario responder una serie de preguntas creadas previamente y que se encuentra en la base datos de manera de selección múltiple con una única repuesta, y al finalizar la sección de preguntas se mostrará una pantalla con la cantidad de preguntas respondidas correctas y un promedio representado en una barra de estrellas de uno a cinco. Pantalla ADMINISTRACIÓN: Permite a usuarios con rol de profesor la modificación de las secciones juego y quiz de la aplicación entre otros.

Aplicación De no estar inscrito el usuario lo puede realizar

9 2.3. Requisitos de Acceso El acceso a la aplicación se realiza mediante usuario y contraseña: Ilustración 1 Ingreso Aplicación De no estar inscrito el usuario lo puede realizar por medio del formulario de Registro: Ilustración 2 Registro de Usuario

10 Descripción del Perfil de Usuario ESTUDIANTE: Presenta acceso a las secciones de Teoría, Quiz y Juego. Ilustración 3 Menú Estudiante PROFESOR: Presenta acceso a las secciones de un estudiante adicionalmente de un administrador. Ilustración 4 Menú Profesor

11 2.4. Instrucciones de Uso A continuación, se describe las instrucciones de uso para las pantallas de la aplicación OCLING de la siguiente manera: Pantalla TEORIA o Visualizar información de átomos. Pantalla - REALIDAD AUMENTADA Pantalla JUEGO o Dibujar átomo. o Dibujar enlace. o Eliminar componente. o Validar enlace ingresado. Pantalla QUIZ o Responder pregunta. o Obtener resultados. Pantalla ADMINISTRACION o Juego. Ingresar nuevo nivel. Eliminar nivel existente. Modificar nivel existente. o Quiz. Ingresar nueva pregunta. Eliminar pregunta existente. Modificar pregunta existente. o Resultados Descripción del Procedimiento Pantalla TEORIA Visualizar información de átomos. Para poder visualizar la información de un átomo es necesario acceder al Listado de Átomos y seleccionar el deseado, posteriormente se da clic en el botón Ver información,

información, como se muestra en las siguientes imágenes:

12 donde se mostrará una imagen del átomo y al dar clic sobre cualquier punto de la pantalla se puede visualizar la información, como se muestra en las siguientes imágenes: Ilustración 5 Listado de Átomos Ilustración 6 Información Átomo

Pantalla Visualizar realidad aumentada Para poder visualizar la imagen que se crea en realidad aumentada es necesario dar clic al botón VER REALIDAD AUMENTADA, poner la cámara y enfocar la imagen

13 Pantalla Visualizar realidad aumentada Para poder visualizar la imagen que se crea en realidad aumentada es necesario dar clic al botón VER REALIDAD AUMENTADA, poner la cámara y enfocar la imagen base y sobre la cual se desplegará el diseño aumentado: Pantalla JUEGO Dibujar átomo. Ilustración 7 Imagen Base Para dibujar un átomo es necesario realizar la selección del mismo sobre la paleta de opciones el cual aparecerá rodeado de un borde gris para identificarlo, posteriormente dar clic sobre la pantalla en blanco para situar la figura, como se muestra en las siguientes imágenes: Ilustración 8 Dibujar Átomo

14 Dibujar enlace. Para dibujar un enlace es necesario realizar la sección del pincel sobre la paleta de opciones y posteriormente desplazando el dedo sobre la pantalla en blanco se verá la línea creada, como se muestra en las siguientes imágenes: Ilustración 9 Dibujar Enlace Eliminar componente. En la paleta de opciones, se selecciona el borrador y se da clic sobre el objeto a eliminar ya sea Línea o Elemento y se toca el elemento deseado. El proceso se realiza como se muestra en las siguientes imágenes: Ilustración 10 Eliminar Componente

de error o un mensaje de éxito, como se evidencia a continuación: Ilustración 11 Validar Enlace Pantalla QUIZ

15 Validar enlace ingresado. Sobre el botón VALIDAR se da clic en el momento que se haya finalizado el dibujo, donde aparecerá un mensaje de error o un mensaje de éxito, como se evidencia a continuación: Ilustración 11 Validar Enlace Pantalla QUIZ Responder pregunta. Se da clic sobre alguna de las opciones que presenta la pregunta y se da clic en el botón SIGUIENTE, de la misma manera que las siguientes imágenes: Ilustración 12 Responder Quiz

16 Obtener resultados. Al finalizar de responder las preguntas asignadas se obtiene una pantalla que muestra un mensaje, y una nota de uno a cinco representado en la cantidad de estrellas obtenidas como se ve en la siguiente imagen: Ilustración 13 Obtener Resultados

17 Pantalla ADMINISTRACION o Juego. Ingresar nuevo nivel. El profesor puede crear nuevos niveles sobre el juego, dibujando el resultado final deseado y escribiendo la pregunta deseada a contestar. Eliminar nivel existente. Ilustración 14 Guardar Nuevo Nivel El profesor puede seleccionar de una lista desplegable el nivel que desea eliminar. Ilustración 15 Eliminar Nivel

Ilustración 16 Activar Quiz El profesor puede ingresar una nueva pregunta y las

18 o Quiz Activar Quiz El profesor selecciona la opción de activar quiz por medio de un check como se muestra en la siguiente imagen Ingresar nueva pregunta. Ilustración 16 Activar Quiz El profesor puede ingresar una nueva pregunta y las posibles respuestas aclarando que son una correcta y las demás falsas. Ilustración 17 Nueva Pregunta

19 Eliminar pregunta existente. El profesor puede seleccionar de una lista desplegable la pregunta que desea eliminar. Ilustración 18 Eliminar Pregunta Modificar pregunta existente. El profesor puede seleccionar de una lista desplegable la pregunta que desea modificar. Ilustración 19 Modificar Pregunta

20 o Resultados El profesor puede ver la cantidad de preguntas contestadas correctamente por todos los estudiantes en un diagrama de torta: Ilustración 20 Resultados Estudiantes

Documentos relacionados

SISTEMA DE ADMINISTRACIÓN Y GESTIÓN POR PROCESOS

SISTEMA DE ADMINISTRACIÓN Y GESTIÓN POR DTIC-DEV-001 NOVIEMBRE 2013 Página 1 de 12 Noviembre 2013 2 DTIC-DEV-001 2 de 7 Contenido 1. INTRODUCCIÓN... 3 2. OBJETIVO... 3 3. ALCANCE... 3 4. FUNCIONES Y RESPONSABILIDADES...