SENA

TECNÓLOGO EN ANÁLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIÓN

FICHA: 2282582

AP09-AA10-EV03. ELABORACIÓN DEL MANUAL DE USUARIO Y MANUAL DE

CONFIGURACIÓN DEL SISTEMA.

INSTRUCTOR/A
CAMILO ANDRES GUTIERREZ

APRENDICES (GAES4)
JHONY ALEXANDER PEREIRA BARRIOS

BOGOTÁ D.C.
CENTRO DE SERVICIOS FINANCIEROS
SEPTIEMBRE 12 DE 2022
 Manual de instalación

Introducción

Esta pagina web es un sistema que va a permitir a la empresa keyhana store poder aumentar sus
ventas con ya que ese fue unos de los requerimientos y la problemática de dicha empresa esta
página web con un diseño cautivador y de fácil usabilidad para todo tipo de usuarios, va a permitir
también tener en un apartado administrador donde los empleados de esta empresa podrá ver mas
organizadamente y automatizada mente sus ventas realizadas así mismo como sus productos
categorías y a este apartado solo podrán acceder los empleados en la página principal también
cuenta con un carrito de compras y una lista de productos deseados donde el cliente podrá elegir
si comprar o no hacer la compra el cliente deberá tener una cuenta en la página por seguridad
para así poder hacer su pago exitosamente y ver el estado de sus pedidos.

Requisitos

Software: sistema operativo Windows 8,8.1,10

Hardware: como requisitos mínimos del hardware

 Procesador : Intel core i3 de 3ra 4ta o 5ta generación

 Ram: mínimo 4gb de ram máximo 16
 Disco duro: con un disco de 280gb ssd alcanza para subir el sistema y sus respectivos
programas

Programas y componentes

Tenemos tres programas que son fundamentales para poder instalar el sistema de información ya
sea para editar o corregir errores estos son:

 XAMPP: en el video a continuación dejo un video explicado para instalar dicha aplicación
https://www.youtube.com/watch?v=hlzaA_GSA8U
 VISUAL STUDIO CODE: Este programa es muy fundamental ya que este programa es el que
nos permite editar los códigos para así poder editar algún punto o solucionar problemas
en el siguiente video dejo la instalación https://www.youtube.com/watch?v=X_Z7d04x9-
E&t=2s
 GOOGLE CHROME: Este programa es el navegador donde va a funcionar nuestro sistema
de información se pueden usar diferentes navegadores, pero de preferencia este
navegador es la mejor opción en el video aprenderás a instalarlo
https://www.youtube.com/watch?v=V-M2rMBhgKc
 MANUAL DE USUARIOS

Objetivo

El objetivo de este manual es brindar una comunicación técnica a todos los usuarios que utilizaran
el sistema de información además de suministrar la información necesaria para su utilización.

Ingreso al sistema

Para ingresar al sistema el primer paso es tener una cuenta para crear dicha cuenta el
administrador que ya tendrá su cuenta es el que podrá agregar a los demás usuarios por seguridad

Para añadir a un usuario en la página admin en el apartado usuarios a un botón que dice nuevo

Dando clic a nuevo se abren las siguientes opciones

Aquí en este apartado podemos los datos completos de el usuario nuevo todos los campos deben ser
rellenados de lo contrario no podras crear el nuevo usuario una vez puestos los datos de el usuario le damos
clic en el boton de registrar.

Una vez dado clic te saldra un anuncio diciendote que el perfil usuario fue registrado exitosamente

Y confirmamos en nuestro apratado de usuarios que efctivamente si se registro el nuevo usuario

Si queremos editar nuestro usuario o algun usuario creado le damos clic a este boton

se nos abrira un apartado que dira modificar usuarios donde estan los datos de el usuario

Una vez ya escritos los cambios le damos clic en el boton de actualizar y si se hizo la modificacio
correctamente te aparece este mensaje
Le das clic en el boton ok y revisamos que efectivamente si se hicieron los cambios

Y correctamente se hicieron los cambios respectivos.

Ahora iniciemos secion con el nuevo usuario creado, para entrar al admin siempre nos pedira logearnos en
este apartado

En el apartado de login ponemos el nuevo usuario registrado aquí debes llenar todos los campos reuqeridos si
no te saldra un mensaje diciendo que necesitas llenar todos los campor requeridos
Una vez puesto el correo y la contraseña en sus respectivos campos le damos un clic en el boton de acceso y
si los datos estan correctos nos aparecera este mensaje

Y nos redireccionara a la pagina administrador, en el caso de que los datos no esten coprrectos no mostrara u
mensaje de acosre a los datos que esten incorrectos

Si la contraseña esta incorrecta

Si el correo esta incorrecto

Y si iniciamos correctamnte en el apartado administrador en la equina superior derecha salen los datos

Para cerrar nuestra sesion en donde podemos vizualizar el correo y nombre dandole clic de nos abrira dos
opciones donde una es para cerrar sesion

Le damos click en logout y se cerrar la sesion automaticamente redireccionandonos a la pagina web principal
CATEGORIAS

En este apartado de categorias es donde podemos añadir editar y eliminar una categoria

Para añadir una nueva categoria se da clic en el boton nuevo

De el boton nuevo de abre este apartado

Aquí escribimos el nombre de nuestra categoria y elegimos la imagen de nuestra categoria

Para añadir la imagen le damos a este boton

Se nos abrira el explorador de archivo y aquí buscamos la imagen que queramos agregar y le damos en este
boton

Y se nos vera reflejado aca

Le damos en el boton de registrar si nos sale este mensaje se añadio correctamente

Y ya verificamos que ya aparece nuestra categoría

Para editar la categoría le damos en este botón

Se nos abre este apartado

Donde editamos la categoría con los datos requeridos y una vez ya tengamos todos los
datos le damos en el botón actualizar, si se actualizo correctamente nos mostrara este
mensaje
Y verificamos si se editó nuestra categoría correctamente

Para eliminar la categoría le damos clic a este botón

Si le damos clic la categoría en este botón nos saldrá un mensaje de verificación

si estamos seguiros de eliminar le damos clic en el botón de si, eliminar! y si no podemos

cancelar la operación

cuando le damos en eliminar nos aparecerá este mensaje que significa que eliminamos
correctamente la categoría

Y verificamos que nuestra categoría se elimino correctamente

PRODUCTOS
Para añadir un nuevo producto dar clic en nuevo

Y aquí ponemos los datos de el nuevo producto y su respectiva imagen la imagen se pone
de la misma forma que como se pone en categorías

Una vez lleno todos los campos se da clic en registrar

Si el producto se agregó correctamente saldrá este mensaje

Revisamos en nuestros productos que se registró correctamente el producto

Para editar un producto damos clic acá

Nos saldrán los datos que tenemos

Hacemos el cambio que requerimos o vayamos a hacer y le damos en el botón de
actualizar

Y si el producto se modificó correctamente saldrá este mensaje

Verificamos que se hicieron los cambios exitosamente