MANUAL DE USUARIO Y TECNICO

PROYECTO PAGUINA WEB

EMPRESA FRIOCENTER ORTIZ
JOSUÉ DAVID MUÑOZ SARRIA
INGENIERO. LUIS ALBERTO PAVA CARMONA
SENA ADSI

1
 Tabla de contenido

Introducción…………………………………………………………………………….3

1. Vías de acceso web friocenter

Ortiz……………………………………………………………………………………...4

2.Elementos técnicos a considerar ……….…………………………………………5

3. contenido página principal friocenter Ortiz…………………………………..…..6

4. Manual técnico web……………………………………………………………..…9

2
 INTRODUCCIÓN

Por lo tanto una de los servicios más valorados, en virtud de que se concibe como
un propósito esencial de las funciones, investigación, difusión y extensión de los
fines de friocenter Ortiz. es establecer procesos permanentes de interacción con
el entorno, servicio, calidad que permitan retroalimentar el que hacer con la
interacción grafica del usuario al momento de ingresar a nuestra web e incidir en
la búsqueda de soluciones a problemas que frenan o impiden el servicio local,
regional, y nacional, con procesos de vinculación que conforman una doble vía:

 Atender la demanda de grandes superficies, para el desarrollo, y

servicios de calidad
 partir de un sistema de información online el cual brinda al usuario un
registro inmediato y acceso o nuestra base de datos para
mantenimientos en los tiempos establecidos.

En consecuencia, uno de los principales propósitos del área técnica responsable

de los servicios de la empresa friocenter Ortiz es el de contribuir a la
consolidación de un servicio de calidad, entorno en redes y acceso inmediato a
nuestros productos, a través del Sistema de información, en el cual se registran,
sistematizan, las empresas las cuales adquieren nuestros servicios .

Objetivo del manual:

Facilitar el proceso de registro y consulta de servicios de nuestra

empresa y registrar y vincular en el Sistema de Información para
un servicio oportuno y de calidad.

3
 VÍAS DE ACCESO A LA PAGINA WEB FRIOCENTER ORTIZ

El acceso al sitio Web del friocenter Ortiz (figura 1), A través de la dirección electrónica

1. Desde la página Web de la empresa, dando clic al link del sistema de información.

Fig. 1. Link www.friocenterortiz.net

2. ELEMENTOS TÉCNICOS A CONSIDERAR

2.1. Se puede decir que la web de friocenter Ortiz es una herramienta tecnológica que
se encuentra disponible permanentemente las 24 horas del día, durante los 365 días del
año, para que los usuarios realicen su registro, en la página web y solicitar nuestros
servicios

2.2. Consultable desde cualquier parte del mundo en una PC con acceso a Internet,
permitiendo al usuario o cliente de nuestra empresa friocenter ortiz registrar o autorizar
nuestros servicios y vinculación a nuestro sistema.

2.3. Para iniciar el proceso de registro, se recomienda bajar a su equipo de cómputo la

versión actualizada de google crome dé un clic a aquí o en la página principal así
www.friocenterortiz.net

1. Te aparecerá, una interfaz con nuestro visión y misión de nuestra

empresa friocenter Ortiz
2. Luego escoges entre nuestro barra de ingreso registrar así podrás
acceder a nuestros servicios
3. Si te queda un error le das limpiar
Descargar google crome Nota: ésta operación la deberá realizar una sola
vez en su máquina.

2.4. Existen programas de navegación que tienen un acceso lento a nuestra

página si ingresa desde Mozilla el proceso de entrada a la página será más
lento y posiblemente los formatos se vean distorsionados.

2.5. Es recomendable que en el registro dé únicamente un clic a cada acción,

y
Espere a que cargue la información seleccionada que guardó, si da dos clics
seguidos, nuestra página se bloqueara se bloqueará.

4
 2.6. Registro erróneo: si esto llegara a suceder, con su registro se asignó el
botón limpiar del mismo formato, si el sistema no le permitiera registrar, cierre
google crome. La información registrada no se borrará y estará disponible en
el historial.

2.7. Al ir agregando sus opciones en los formatos de registro, el sistema guarda

la información que selecciona. Aún siendo así, es recomendable que
manualmente guarde la información cada vez que seleccione una opción.

3. PÁGINA PRINCIPAL EMPRESA FRIOCENTER ORTIZ

Al acceder a la página de friocenter Ortiz esta le presenta información de
apoyo en el menú de la barra izquierda de la figura 2.

Fig. 2: página principal friocenter Ortiz

HOME

PRODUCTO

INGRESO DE CLAVE
O LOGIN

REGISTRO

3.1. HOME: que encontrará a la izquierda de la página principal de friocenter Ortiz

(Figura 2), lo conforman un bloque de secciones a fin de facilitar la búsqueda de
información: Administración; donde puedes acceder en la barra, a diferentes
opciones como registrar y obtener servicios

3.1.1 PRODUCTO: Se requiere para acceder esta sección, su cuenta y

contraseña personal, misma que es otorgada por la administración Central
de la compañía. los, funcionarios de friocenter Ortiz tales como:
administracion, ventas, o dependencias. Cada uno de estos encontrará
podrá obtener información general y específica, según sea el servicio que
quiera adquirir de acción y se integra de la siguiente manera:

5
  INGRESO DE CLAVE: antes de llegar a este punto el usuario que desea
adquirir un servicio técnico de refrigeración o acceder a la compra de productos,
debe haberse registrado con anterioridad de lo contrario su ingreso le saldrá con
error.

 REGISTRO:

Este link está diseñado para que el usuario haga consultas de la información
registrada en la empresa friocenter Ortiz (servicios, productos y seguimiento del
técnico al cual se le asignó el servicio y ventas) según sea el servicio de
refrigeración que desea.

FIG. 3 PARA CLAVE DE ACCESO DE CLIENTES DE FRIOCENTER ORTIZ

Aquí puedes agregar

IDENTIFICACIÓN
si desea que te
devolvamos el
NOMBRE correo

APELLIDO

TELÉFONO

DIRECCIÓN

PASWORD

CORREO

REGISTRAR

LIMPIAR

3.1.2. INFORMACIÓN. En la presente sección se ubica la información de

apoyo para el usuario o cliente, se recomienda que antes de dar inicio al registro
de sus datos de vinculación tenga en cuenta lo siguiente

3.1.3. REGISTRO. El menú Registro se conforma de:

6
IDENTIFICACIÓN. Este punto es muy importante el administrador de personal y
de registro del sistema de información da una adecuado manejo a esta
información de acuerdo al habeas data. .Fig. 4

a). NOMBRE.- Aquí encontrará un link donde podrá ingresa el nombre no

hay necesidad que sea en mayúscula o minúscula

b).APELLIDO: el apellido y nombre son de gran importancia ya que allí va

registrada la factura, y el documento que se entregue al cliente o usuario
por un servicio o venta de productos será de mucha importancia

 si el usuario necesita un documento comercial si hay algún error

en este será difícil poderle encontrar alguna solución

 Aparecerá cómo responsable, cuando usted u otro lo registran

como tal.

C). DIRECCIÓN: aquí podremos realizar el registro 2 ubicaciones de

nuestra residencia no olvidar ser claro preciso en la numeración

 Si haces cambio de residencia por favor informar de inmediato

realizando las actualizaciones correspondientes.
 Solicitar la actualización de forma vía telefónica al 2240415, 3156696589

D) PASWOORD: aquí podrás acceder al registro de clave de usuario la
cual la podrá realizar en letras o números se recomienda realizarla
con números.

E) CORREO: Mediante esta opción podrá enviar los reclamos, o cambio

por garantía de algún producto

1. registrar, significa que su registro se realizó.

2. limpiar, por lo tanto aquí podrás corregir lo que escribiste
3. Enviar.- dando clic a esta palabra enviará en línea su P/A al

Nota: La leyenda anterior - siguiente: son opciones para avanzar o retroceder a las
páginas de su historial.

Fig. 4 login

7
 USUARIO

CONTRASEÑA

INGRESAR

4. INGRESO DE CONTRASEÑA

4.1 USUARIO: Mediante esta opción se tiene acceso a los formatos de registro como
recordábamos anteriormente no es necesario registrarse con letras si desea meyaor
seguridad lo puede hacer con números

De no contar con cuenta de usuario y clave, solicítelo a la Administración de

friocenter Ortiz Cali, valle del cauca, a los teléfonos marcados en el directorio l

4.2. Proceso de registro de contraseña de usuario, (figura 5):

1. Haga clic en la sección Registro y de un

2. clic en Nuevo registro.
3. Ingrese su cuenta de usuario y clave.
4. De clic en Entrar

Fig. 5 PRODUCTOS

8
FRIOCENTER
ORTIZ

SERVICIOS

CLIENTES

4.2.1. En el primer paso donde esta el nombre de la empresa friocenter Ortiz Ingresará a la
pantalla donde encontraras nuestro visión y misión como fue fundada y creada
nuestra empresa (Fig. 6).

1) visión y misión
2) ventas y productos

Para facilitarle el criterio de elección del tipo de registro al que debe recurrir, esta interfaz
aunque todavía falta actualizar la paguina nos lleva a saber todo lo relacionado con la
empresa

9
 MANUAL TÉCNICO WEB

Casos de uso de la wap

10
CASOS DE USO DE LA WEB

11
 GRAFO RELACIONAL

CLIENTES (id clientes, nombre, dirección, correo)

PROVEEDORES (id proveedores, nombre_proveedor, teléfono_proveedor,

dirección-proveedor, correo_proveedor)

PRODUCTOS (id productos,

nombre_productos,precio_producto,fecha_producto_venta,correo)

EMPLEADO:(idempleado`nombre_empleado`cedula_empleado`telefono_e
mpleado`correo_empleado)

FACTURA:(idfactura, valor total,idclientes,idempleado)

VENTA: (precio,cantidad, valor_total)

12
 MAPA DE NAVEGACION DE LA WAP
.

friocenter_ortiz

principal

servicios ventas productos

13
MAPA DE COMPONENTES

14
DIAGRAMA DE COMPONENTES DEL ADMINISTRADOR

15
 DIAGRAMA DE DESPLIEGE

Diagrama de
componentes
gestión de
servicios

16
 SCRIPT DE LA BD (BD Y TABLAS)

`idEMPLEADO` INT NOT NULL AUTO_INCREMENT,

`nombre_empleado` VARCHAR(45) NOT NULL,

`cedula_empleado` INT NOT NULL,

`telefono_empleado` INT NOT NULL,

`correo_empleado` VARCHAR(45) NOT NULL,

PRIMARY KEY (`idEMPLEADO`),

CONSTRAINT `idPROVEEDORES`

FOREIGN KEY (`idEMPLEADO`)

REFERENCES `friocenter_ortiz`.`PROVEEDORES` (`idPROVEEDORES`)

ON DELETE NO ACTION

ON UPDATE NO ACTION)

ENGINE = InnoDB;

17
 - TABLE `FRIOCENTER_ORTIZ`.`FACTURA`

CREATE TABLE IF NOT EXISTS `friocenter_ortiz`.`FACTURA` (

`idFACTURA` INT NOT NULL AUTO_INCREMENT,

`valor total` DECIMAL(14) NOT NULL,

`idCLIENTES` INT NOT NULL,

`idEMPLEADO` INT NOT NULL,

PRIMARY KEY (`idFACTURA`),

INDEX `idCLIENTE_idx` (`idCLIENTES` ASC),

INDEX `idEMPLEADO_idx` (`idEMPLEADO` ASC),

CONSTRAINT `idCLIENTE`

FOREIGN KEY (`idCLIENTES`)

REFERENCES `friocenter_ortiz`.`CLIENTES` (`idCLIENTES`)

ON DELETE NO ACTION

ON UPDATE NO ACTION,

18
 CONSTRAINT `idEMPLEADO`

FOREIGN KEY (`idEMPLEADO`)

REFERENCES `friocenter_ortiz`.`EMPLEADO` (`idEMPLEADO`)

ON DELETE NO ACTION

ON UPDATE NO ACTION)

ENGINE = InnoDB;

19
 -- TABLE `FRIOCENTER_ORTIZ`.`VENTA`

CREATE TABLE IF NOT EXISTS `friocenter_ortiz`.`VENTA` (

`precio` DECIMAL(14) NOT NULL,

`cantidad` INT NOT NULL,

`valor_total` DECIMAL(14) NOT NULL,

CONSTRAINT `idPRODUCTOS`

FOREIGN KEY ()

REFERENCES `friocenter_ortiz`.`PRODUCTOS` ()

ON DELETE NO ACTION

ON UPDATE NO ACTION,

CONSTRAINT `idEMPLEADOS`

FOREIGN KEY ()

REFERENCES `friocenter_ortiz`.`EMPLEADO` ()

ON DELETE NO ACTION

20
 ON UPDATE NO ACTION)

ENGINE = InnoDB;

SET SQL_MODE=@OLD_SQL_MODE;

SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS;

SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS;

21
 CODIGO PAGUINA WEB FRIOCENTER ORTIZ

DATOS

</head>
<body>

<header>
<!--header se usa para logotipo y un menu-->
<div>
<img src="logo.jpg" alt="logotipo de frio center ortiz" title="friocenter ortiz"
width="220" height="140" />
</div>
<nav>
<ul>
<li><a href="../contenido/contenido.html">Home</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="../login/login.html">Login</a></li>
<li><a href="../datos/datos.html">Registro</a></li>
</ul>
</nav>
</header>

<div class="container" >

<div class="form_top">
<h2> DATOS DE CLIENTE </span></h2>
</div>
<form class="form_reg" action="">
<input class=”input” type="text" placeholder="identificacion" required
autofocus>
<input class=”input” type="text" placeholder="nombre" required >
<input class=”input” type="text" placeholder="apellido" required >
<input class=”input” type="text" placeholder="telefono" required >
<input class=”input” type="text" placeholder="direccion" required >
<input class=”input” type="text" placeholder="password" required >
<input class=”input” type="text" placeholder="correo" required >
<h5> AGREGAR DIRECCION DE ENVIO </span></h5>
<div>

22
 <input type="checkbox" id= "si" >
<label for="si">si</label>
<input type="checkbox" id= "no" >
<label for="no">no</label>
<br>
<br>

<input class=”input” type="text" placeholder="direccion 1 " required >

<input class=”input” type="text" placeholder="direccion 2 " required >
</div>

<div class="btn_form">
<input class="btn_submit"type="submit" value="REGISTRAR">
<input class="btn_reset"type="reset" value="LIMPIAR">
</div>

</form>

</div>
<br>
<footer>
<p><i>friocenter ortiz.....!!!servicio tecnico al alcance de todos¡¡¡</i>
</p>
<br/>
<a target="_blank" href="https://www.google.com/">Ir a Google</a>
<a target="_blank" href="logo.jpg">Ir a Imagen</a>
<a href="nirvana1422@gmail.com" title="enviar correo josue david
muñoz">Enviar Mail</a>
</footer>
</body>
</html>

23
 PRODUCTOS

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>frio center ortiz</title>
<link rel="shortcut icon" type="image/x-icon" href="logo.ico">
<meta content="servicio tecnico" name="frio center ortiz">
<link rel="stylesheet" href="estiloS.css">
</head>
<body>
<header>
<!--header se usa para logotipo y un menu-->
<div>
<img src="logo.jpg" alt="logotipo de frio center ortiz" title="logo frio center
ortiz " width="220" height="140" />
</div>
<nav>
<ul>
<li><a href="../contenido/contenido.html">Home</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="../login/login.html">Login</a></li>
<li><a href="../datos/datos.html">Registro</a></li>
</ul>
</nav>
</header>

<div class="container" >

<div class="form_top">
<h2> SELECCIONE UNA CATEGORIA </span></h2>
</div>

<div class="btn_form">
<input class="btn_submit"type="submit" value="FRIOCENTER
ORTIZ"><br/>

24
 <input class="btn_submit"type="reset" value="SERVICIO"><br/>
<input class="btn_submit"type="reset" value="CLIENTES"><br/>

</div>
<footer>
<p><i>friocenter ortiz.....!!!servicio tecnico al alcance de todos¡¡¡</i>
</p>
<br/>
<a target="_blank" href="https://www.google.com/">Ir a Google</a>
<a target="_blank" href="logo.jpg">Ir a Imagen</a>
<a href="nirvana1422@gmail.com" title="enviar correo a josue david
muñoz">Enviar Mail</a>
</footer>
</body>
</html>

25
 LOGIN

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>frio center ortiz</title>
<link rel="shortcut icon" type="image/x-icon" href="logo.ico">
<meta content="tecnicos en refrigeracion" name="frio center ortiz">
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<header>
<!--header se usa para logotipo y un menu-->
<div>
<img src="logo.jpg" alt="logotipo de frio center ortiz" title="logo frio center
ortiz" width="220" height="140" />
</div>
<nav>
<ul>
<li><a href="../contenido/contenido.html">Home</a></li>
<li><a href="../productos/productos.html">Productos</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="../datos/datos.html">Registro</a></li>
</ul>
</nav>
</header>

<br>

<form action="">
<h2> INGRESO AL SISTEMA</h2>
<input type="text" placeholder="#98748839;usuario">
<input type="password" placeholder="#9874839;contraseña">
<br>

<div class="btn_form">
<input class="btn_submit"type="submit" value="INGRESAR">

26
 </div>

</form>
<footer>
<p><i>friocenter ortiz.....!!!servicio tecnico al alcance de todos¡¡¡</i>
</p>
<br/>
<a target="_blank" href="https://www.google.com/">Ir a Google</a>
<a target="_blank" href="logo.jpg">Ir a Imagen</a>
<a href="nirvana1422@gmail.com" title="enviar correo a josue david muñoz
sarria">Enviar Mail</a>
</footer>
</body>
</html>

27
 .CONTENIDO

<body>

<header>
<!--header se usa para logotipo y un menu-->
<div>
<img src="logo.jpg" alt="logotipo de mikiosk" title="logo por Eder" width="220"
height="140" />
</div>
<nav>
<ul>
<li><a href="contenido.html">Home</a></li>
<li><a href="../productos/productos.html">Productos</a></li>
<li><a href="../login/login.html">Login</a></li>
<li><a href="../datos/datos.html">Registro</a></li>
</ul>
</nav>
</header>

<section class="wrapper">

<section class="main">
<setion class="article">

<article>
<h2>Misión</h2>
<hr/>
&nbsp;
<p>
Satisfacer las necesidades de nuestros <b>clientes</b> a través del
servicio tecnico en refrigeracion
y venta de repuestos <i>calidad</i> desde el almacen de repuestos, así
como los servicios de entregas
a <strong>domicilio</strong> y gestión desde nuestra red de aliados.
</p>
<br/>

28
 <p>
Satisfacer las necesidades de nuestros clientes ofreciéndoles calidad y
variedad de servicios a precios competitivos y asegurándoles una agradable
experiencia de compra de repuestos, y servicios tecnicos.

Para esto, nos esforzamos que nuestros tecnicos se actualicen dia a dia con los
ultimos estandares, con alta eficiencia operativa, recursos humanos
competentes y tecnología de vanguardia; capaz de sustentar un exitoso
crecimiento
</p>
</article>
<br/>

<article>
<h2>Visión</h2>
<hr/>
&nbsp;
<p>
Convertirnos en la sucursal mas competitica a nivel rtegional y en el
territorio nacional, definiendo como prioridad la calidad

y la <i>satisfacción de nuestros clientes</i> a través de la

consolidación de nuestros servicios en el campo de refrigeracion

Gestión de aliados mediante la creación de alertas a nuestros

tecnicos y personal,

Enfocados en la excelencia mediante la valoración por puntuaciones

obtenidas.
</p>
<br/>
<p>
Nos esforzamos por lograr la diferenciacion de nuestro servicio
mediante la atencion dedicada a nuestros clientes.
</p>
</article>
</setion>
<aside>
<h3>Entrepreneurs phrases</h3>
&nbsp;
<p>
Walt Disney. Co-fundador de Disney Productions.
<br/>
“Todos tus sueños pueden hacerse realidad si tienes el coraje de perseguirlos”.
.
</p>
<p>

29
 Richard Branson. Presidente de Virgin Group.
<br/>
“¿Mi más grande motivación? Seguir retándome a mí mismo. Veo la vida como
una larga educación universitaria que nunca tuve- todos los días estoy
aprendiendo algo nuevo”.
</p>
<p>

Oprah Winfrey. Gurú de los medios.

<br/>
“Cada vez que defines en lo que quieres creer, eres el primero en escucharlo.
Es un mensaje a ti y a los demás sobre lo que piensas que es posible. No
pongas un techo sobre ti mismo”.
</p>

<p>
Bill Gates. Presidente de Microsoft.
<br/>
“Está bien celebrar el éxito pero es más importante prestar atención a las
lecciones del fracaso”
</p>
</aside>

</section>

<footer>
<p><i>friocenter ortiz.....!!!servicio tecnico al alcance de todos¡¡¡</i>
</p>
<br/>
<a target="_blank" href="https://www.google.com/">Ir a Google</a>
<a target="_blank" href="logo.jpg">Ir a Imagen</a>
<a href="nirvana1422@gmail.com" title="enviar correo a josue david
muñoz">Enviar Mail</a>
</footer>

</body>
<html>

30