MANUAL DE USUARIO

JUNIOR ARIEL CERQUERA NUEZ

LUIS GABRIEL ALBERTO CONTRERAS VILLAMIZAR

SERVICIO NACIONAL DE APRENDIZAJE SENA

REGIONAL CUNDINAMARCA
CENTRO DE LA TECNOLOGIA DEL DISEO Y LA PRODUCTIVIDAD EMPRESARIAL
ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
Ficha: 1135117
GIRARDOT

DEVELOPED BY SARERTNOC & CERQUERA

 MANUAL DE USUARIO

JGBOT

JUNIOR ARIEL CERQUERA NUEZ

LUIS GABRIEL ALBERTO CONTRERAS VILLAMIZAR

INSTRUCTOR
JAIRO ANTONIO MUOZ ARANGO

SERVICIO NACIONAL DE APRENDIZAJE SENA

REGIONAL CUNDINAMARCA
CENTRO DE LA TECNOLOGIA DEL DISEO Y LA PRODUCTIVIDAD EMPRESARIAL
ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
FICHA: 1135117
GIRARDOT

DEVELOPED BY SARERTNOC & CERQUERA

 INTRODUCCION

El siguiente manual del usuario lo guiar en el uso de la aplicacin web JGBOT, la cual le permitir
controlar a distancia el movimiento de un carro y la reproduccin de un grupo de canciones desde
el mismo carro de control remoto; la aplicacin se ejecuta desde un navegador web (Chrome.
Mozilla, Opera), que a su vez se podr abrir desde un Smartphone (celular inteligente), desde un
computador de escritorio y laptop (computador porttil); adems tiene habilitada las
funcionalidades para subir, eliminar canciones y controlar el nivel de volumen de la cancin que
se est reproduciendo (cabe mencionar que las canciones que se van a guardar solo pueden estar
en formato mp3).

DEVELOPED BY SARERTNOC & CERQUERA

 TABLA DE CONTENIDO

1. OBJETIVOS 1
2. DESCRIPCION GENERAL DEL SISTEMA 2
3. REQUERIMIENTOS MINIMOS DEL SOFTWARE Y HARDWARE 3
4. TABLA VISUAL DE CONTENIDO 5
5. PROCESO DE VISUALIZACION DEL SISTEMA DE INFORMACIN O PAGINA WEB 6
6. DESCRIPCIN DE LAS PANTALLAS 9
7. PANTALLA PRINCIPAL DEL SISTEMA DE INFORMACIN (INDEX) 21
8. NAVEGADOR WEB (DESCRIPCIONES Y VERSIONES PARA LA VISUALIZACION DEL PROYECTO). 22
9. ERRORES 25
10. LISTA DE FIGURAS 26

DEVELOPED BY SARERTNOC & CERQUERA

 OBJETIVOS

OBJETIVO GENERAL:

Capacitar al usuario en el uso de la aplicacin web, en el control de los movimientos

del carro y la reproduccin de la msica.

OBJETIVOS ESPECIFICOS

Dominar el uso de la interfaz de reproduccin de msica al igual que las opciones de

eliminar y guardar canciones.

Adquirir destreza en el control de los movimientos del carro y simultaneo a ello

reproducir msica de su predileccin.

DEVELOPED BY SARERTNOC & CERQUERA

~1~
 DESCRIPCION GENERAL DEL SISTEMA

Aplicacin web para el uso exclusivo de una persona a la vez, de un carro de control remoto; una
vez validada la informacin de ingreso tiene a su disposicin los siguientes movimientos del carro,
adelante, atrs, girar a la izquierda, girar a la derecha y parar; mientras realiza los movimientos,
hay una lista de reproduccin de msica en la seccin derecha; para elegir una cancin de clic
sobre la deseada, si no le gusta el grupo de canciones existe un botn debajo de la lista de
reproduccin, que se llama eliminar canciones, se despliega una venta con varias opciones como,
eliminar todas las canciones a la vez, hay otra opcin para eliminar una cancin en especfico; si
desea subir canciones hay un botn para poder subirlas, llamado ingresar canciones debajo de la
lista de reproduccin, se despliega una ventana, cabe mencionar que solo puede subir un mximo
de 10 canciones al mismo tiempo y en formato mp3; hay un conjunto de opciones en botones, para
cambiar el volumen de la cancin en reproduccin y tambin si lo desea, quita la cancin en
reproduccin.

DEVELOPED BY SARERTNOC & CERQUERA

~2~
 REQUERIMIENTOS MINIMOS DEL SOFTWARE Y HARDWARE

SOFTWARE

Tener instalado alguno de los siguientes navegadores en su equipo:

Ilustracin 1

Ilustracin 2

Un visualizador de archivos PDF.

Ilustracin 3

DEVELOPED BY SARERTNOC & CERQUERA

~3~
Sistemas Operativo: Windows (7, 8, 8.1, 10 de x64 && x86 BITS), Linux o Android.

HARDWARE

Computadores de escritorio y laptops (requerimientos mnimos):

Procesador de 1 gigahercio (GHz).
1 Gb de RAM.

Dispositivos mviles
Smartphone

DEVELOPED BY SARERTNOC & CERQUERA

~4~
TABLA VISUAL DE CONTENIDO

Ilustracin 4

DEVELOPED BY SARERTNOC & CERQUERA

~5~
 PROCESO DE VISUALIZACION DEL SISTEMA DE INFORMACIN O PAGINA WEB

Dirjase al carro, en el botn correspondiente para encenderlo.

Ilustracin 5

Dirjase al parlante y de clic en el botn correspondiente para encenderlo.

Ilustracin 6

DEVELOPED BY SARERTNOC & CERQUERA

~6~
Abrir un navegador web en cuestin (Chrome, Mozilla u opera), ir a la barra de direccin, que es
el cuadro blanco en la parte superior del navegador. Luego escriba la direccin web
192.168.0.104/bot del carro en la seccin correspondiente y oprima ENTER.

Ilustracin 7

Complete los datos solicitado para poder ingresar

En usuario escriba aprendiz y en password escriba 123456, luego de clic en iniciar sesin.

Ilustracin 8

Una vez completado este paso, de clic en el botn iniciar sesin, luego se visualiza la pgina
principal llamada JGBOT.

DEVELOPED BY SARERTNOC & CERQUERA

~7~
Ilustracin 9

DEVELOPED BY SARERTNOC & CERQUERA

~8~
 DESCRIPCIN DE LAS PANTALLAS

Ilustracin 10

La pantalla para el inicio de sesin, tienes las siguientes secciones en blanco para completar, usuario y contrasea, el propietario del
producto le proporcionara la informacin correspondiente para el uso de la aplicacin.

DEVELOPED BY SARERTNOC & CERQUERA

~9~
 Ilustracin 11

En la pantalla principal observamos en la seccin superior el nombre de la aplicacin, la cual es JGBOT, en la parte inferior tenemos
un nombre que identifica a los creadores de la aplicacin.

DEVELOPED BY SARERTNOC & CERQUERA

~ 10 ~
 Ilustracin 12

Los botones de la parte superior derecha, tienen enlaces de inters a su disposicin, el primero es una imagen con una f, representativa
a Facebook, para re direccionar la pgina de la cuenta de los creadores del sitio. El segundo botn tiene una imagen de PDF, que re
direccionar al manual del usuario de la aplicacin. El tercer botn tiene una imagen de un gato, que redireccin a la cuenta de GitHub,
donde se encuentra el cdigo de desarrollo de la aplicacin. El tercer botn es una imagen con un telfono, que muestra los nmeros
correspondientes a la cuenta de WhatsApp de los creadores de la aplicacin. El ultimo botn tiene la imagen de una puerta, el cual
finaliza la sesin, para salir de la aplicacin.

DEVELOPED BY SARERTNOC & CERQUERA

~ 11 ~
 Ilustracin 13

En la seccin derecha encontramos la lista de reproduccin de canciones, todas las canciones que se visualizan son de formato mp3, hay
una barra de desplazamiento para ver ms canciones, si desea reproducir una de clic encima, una vez finaliza de reproducirse,
automticamente se reproduce la siguiente, hasta llegar a la ultima

DEVELOPED BY SARERTNOC & CERQUERA

~ 12 ~
Ilustracin 14

DEVELOPED BY SARERTNOC & CERQUERA

~ 13 ~
En la seccin inferior derecha encontramos dos botones, uno en color ver y otro en color rojo; el de color verde tiene como nombre subir
canciones, el de color rojo tiene como nombre eliminar canciones, para realizar una de las correspondientes acciones de clic encima de
la opcin deseada.

DEVELOPED BY SARERTNOC & CERQUERA

~ 14 ~
 Ilustracin 15

Para desplegar la ventana subir canciones, de clic sobre el botn verde subir canciones, en la ventana subir canciones encontrara las
siguientes opciones: de clic en elegir archivos para seleccionar las canciones a subir, tiene un lmite mximo de 10 canciones para subir
al mismo tiempo, una vez seleccionada las canciones de clic sobre el botn verde subir canciones para empezar el proceso para guardar
las canciones; si desea cancelar la operacin de clic en cerrar o en la x en la parte superior derecha para cerrar la ventana subir
canciones.

DEVELOPED BY SARERTNOC & CERQUERA

~ 15 ~
 Ilustracin 16

Para eliminar canciones de clic en el botn rojo eliminar canciones, ya en la ventana eliminar canciones se encuentran las siguientes
opciones: una lista desplegable para seleccionar una cancin en especfico a eliminar, una vez seleccionada la cancin de clic en el botn
verde eliminar canciones, para eliminar la cancin; si desea eliminar todas las canciones guardadas de clic en el botn rojo vaciar
canciones, una vez de clic sobre vaciar canciones sale un mensaje de confirmacin, si est seguro de eliminarlas todas de clic en
aceptar, si no de clic en cancelar. Para salir de la ventana eliminar canciones de clic en el botn cerrar o en la x de la parte superior
derecha.

DEVELOPED BY SARERTNOC & CERQUERA

~ 16 ~
 Ilustracin 17

En esta seccin se visualizan 8 imgenes, que van cambiando cada 3 segundos, no hay funcionalidad en esta seccin, son un grupo de
imgenes alusivas al aplicativo JGBOT.

DEVELOPED BY SARERTNOC & CERQUERA

~ 17 ~
 Ilustracin 18

En esta seccin hay 8 botones, 3 de ellos son para el control de reproduccin de las canciones; el primer botn tiene como funcin bajar
el volumen de la cancin en reproduccin al dar un clic, el segundo botn tiene como funcin quitar la msica dando clic sobre el mismo,
el ultimo o botn nmero 8, tiene como funcin subir el volumen de la cancin en reproduccin.

DEVELOPED BY SARERTNOC & CERQUERA

~ 18 ~
 Ilustracin 19

En esta seccin hay 8 botones, 5 de ellos son para controlar los movimientos del carro a control remoto. Para girar hacia la izquierda
de clic sobre el tercer botn que tiene la imagen de la flecha hacia la izquierda, para girar a la derecha de clic sobre el botn nmero 7
que tiene la imagen de la flecha hacia la derecha, para mover el carro hacia delante de clic sobre el botn nmero 4 que tiene la imagen
de flecha hacia adelante, para mover el carro hacia atrs de clic sobre el botn nmero 6 que tiene la imagen de flecha hacia atrs y para
parar el carro de clic sobre el botn nmero 5 que tiene una imagen de alto.

DEVELOPED BY SARERTNOC & CERQUERA

~ 19 ~
 Ilustracin 20

Al dar clic sobre uno de los botones de la seccin, se muestra un cuadro que le informa, que opcin a elegido.

DEVELOPED BY SARERTNOC & CERQUERA

~ 20 ~
PANTALLA PRINCIPAL DEL SISTEMA DE INFORMACIN (INDEX)

Ilustracin 21

DEVELOPED BY SARERTNOC & CERQUERA

~ 21 ~
 NAVEGADOR WEB (DESCRIPCIONES Y VERSIONES PARA LA VISUALIZACION DEL PROYECTO).

Preferiblemente usar Google Chrome, ltima versin actualizada.

Ilustracin 22

Galaxy S5

Ilustracin 23

DEVELOPED BY SARERTNOC & CERQUERA

~ 22 ~
NEXUS 5X

Ilustracin 244

IPHONE 6 (vista horizontal)

Ilustracin 255

DEVELOPED BY SARERTNOC & CERQUERA

~ 23 ~
 Ilustracin 266

_____________________________

Ilustracin 277

_____________________________

Ilustracin 28

DEVELOPED BY SARERTNOC & CERQUERA

~ 24 ~
 ERRORES

1. El carro no enciende
Si el carro no enciende, compruebe el nivel de carga de la Powerband, conecte el cargador.

2. El parlante no enciende
Si el parlante no enciende, compruebe el nivel de carga del parlante, conecte el cargador.

DEVELOPED BY SARERTNOC & CERQUERA

~ 25 ~
 LISTA DE FIGURAS

Ilustracin 1 3
Ilustracin 2 3
Ilustracin 3 3
Ilustracin 4 5
Ilustracin 5 6
Ilustracin 6 6
Ilustracin 7 7
Ilustracin 8 7
Ilustracin 9 8
Ilustracin 10 9
Ilustracin 11 10
Ilustracin 12 11
Ilustracin 13 12
Ilustracin 14 13
Ilustracin 15 15
Ilustracin 16 16
Ilustracin 17 17
Ilustracin 18 18
Ilustracin 19 19
Ilustracin 20 20
Ilustracin 21 21
Ilustracin 22 22
Ilustracin 23 22
Ilustracin 24 23
Ilustracin 25 23
Ilustracin 26 24
Ilustracin 27 24
Ilustracin 28 24

DEVELOPED BY SARERTNOC & CERQUERA

~ 26 ~