Manual de usuario

Aplicativo Web Mariat.

No Descripción Detalle
1 Introducción Este programa está desarrollado para el uso de la compañía
MariaT, bajo la modalidad de tienda online en el cual se tiene
previsto se comercialice el portafolio de mercancía de la misma
empresa.
2 Objetivo del manual El objetivo de este manual es servir como un documento de
comunicación técnica que busca brinda asistencia a las personas
que usen este sistema

En este instructivo se encontrarán todas indicaciones necesarias

para que el usuario pueda utilizar este producto.
3 Convenciones y Entre las convenciones y estándares a utilizar tenemos las
Estándares a Utilizar siguientes:

Convenciones de formato de texto: Formato tipo de información.

-Viñeta numérica: Numeración de procedimientos paso a paso

-Negrita: Términos a resaltar su importancia

-Menor que (<), Mayor que (>): Nombres de opciones que puede
elegir el usuario, ya sea haciendo uso de el mouse o teclado.

Grafico del botón: Palabra botón y a su lado ira la representación

grafica

Convenciones Uso del mouse.

Señalar: Colocar el extremo superior del Mouse sobre el

elemento que se desea señalar.

Hacer Clic: Presiona el botón principal del Mouse (Generalmente

el botón izquierdo) y soltarlo inmediatamente.

Convenciones Uso del Teclado

TECLA SIGNIFICADO:
Teclas de método abreviado: teclas que se utilizan con método
abreviado para ejecutar un proceso.

Por Ejemplo: F1 para mostrar ayuda

Tecla Enter: Tecla utilizada para ejecutar un proceso. Si en el

manual dice ‘‘Presionar Enter’’
 Teclas Direccionales: Puede utilizar las teclas direccionales para
moverse (Izquierda , Derecha, Arriba, Abajo) en los diferentes
elementos de un control de la pantalla, un elemento a la vez.

4 Especificaciones Para la implementación del y uso de la Pagina Web Mariat

Técnicas necesitamos lo siguiente:

1.1.Hardware
1.2.Sistema operativo requerido: IOS, Windows, Linux... puede ser
el de su preferencia.
1.3.Navegadore requerido.
El aplicativo web puede correr en cualquier navegador web (
Zafary - Chrome - Mozilla – Edge - Explorer ) esta versión del
aplicativo no maneja por ahora javascript pero para sus
posteriores versiones se requerirá
5 Ingreso al Sistema Ubíquese sobre la carpeta ‘‘mariat-project’’ , esta se encontrara
según usted la haya guardado , y haga doble clic.

A continuación, aparecerá dentro de la carpeta Mariat Project,

ubíquese sobre el archivo ‘‘Index.html’’ y selecciónelo con clic
izquierdo.

Una vez seleccionado, sobre el mismo documento opima ‘‘Clic-

Derecho’’, se seguido del clic se desplegará un menú con
 opciones referentes a cómo manejar el archivo. Seleccioné ‘‘Abrir
como’’ o ‘‘Open with’’, esta opcion desplegará un pequeño menú
el cual le dará la opción de utilizar el navegador de su preferencia.

Por favor seleccioné el navegador web bajo el cual desea abrir el

aplicativo web

A continuación, aparecerá dentro de la página web de Mariat

Joyeria

6 Operación del sistema Una vez dentro de la página Mariat Joyeria encontraremos que en
Paso a paso el encabezado de la página el logo de la compañía (Siempre que
haga clic sobre el logo nos llevara nuevamente al inicio de la
página )

Adicionalmente debajo del icono de retorno se encentra el menú

principal este es el que no permitirá navegar en las diferentes
secciones de la pagina ‘‘CADENAS’’, ‘‘ANILLOS’’, ‘‘ARETES’’,
‘‘MANILLAS’’, ‘‘ROSARIOS’’, ‘‘DIGES’’ .

Al oprimir clic derecho sobre cualquiera de las fotos que se

encuentran en la sección media del inicio de la pagina lo dirigirá a
la página de Intagram de la empresa, en donde podrá visualizar
con más detalle las últimas actualizaciones de los productos

Página de Instagram de la empresa:

En la parte Media-Baja de la página principal encontraremos un
segundo menú con las mismas características del menú en la
parte superior de la página ‘‘CADENAS’’, ‘‘ANILLOS’’, ‘‘ARETES’’,
‘‘MANILLAS’’, ‘‘ROSARIOS’’, ‘‘DIGES’’ .

De igual manera al costado derecho del menú se encuentran

algunas fotos de los productos comercializados por la página con
una breve descripción y un LINK para ingresar a donde se
encuentran todos los productos de su categoría.

En la parte inferior de la paina encontraremos los links de las

redes sociales de la empresa junto con sus datos de contacto
7 Consideraciones o El aplicativo web se ha desarrollado en su primera versión de una
recomendaciones manera fácil y sencilla para su uso según los requerimientos
personales iniciales de la compañía, se recomienda inicialmente como buena
práctica siempre ingresar a través del archivo Index.html

Que características necesita tu equipo para correr el programa.

- Cualquier navegador: chrome, firefox, opera, thor, safary, etc...

- Cualquier sistema operativo: windows, linux, ios, etc...

- Tener cualquier descompresor de archivos: winzip, 7zip, izarc,

Peazip, etc...

8 Consideraciones o Para cualquier reporte, falla o feedback sobre el aplicativo web

recomendaciones por favor enviar un correo a la dirección
adicionales sptstephen1595@gmail.com

9 Referencias Esta es la versión del programa 0.1

Autor.

El autor de este programa ha sido el desarrollador de software

Stephen Téllez, para mayor información, dudas
o sugerencias enviar un correo a el correo electrónico
sptstephen1595@gmail.com

10 Glosario Dijes: pequeño objeto de figura metálica usado generalmente

para cadenas, aretes o manillas
11 Anexos Para mayor asesoría sobre su uso, por favor dirigirse a el archivo
‘‘Manual de instalación y configuración del sistema de
información’’ o ‘‘Plan de capacitación a los usuarios’’